javascript实现相同事件名称,不同命名空间的调用方法


Posted in Javascript onJune 26, 2015

本文实例讲述了javascript实现相同事件名称,不同命名空间的调用方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function(){
 $("div").bind("click",function(){
   $("body").append("<p>click事件</p>");
 });
 $("div").bind("click.plugin", function(){
   $("body").append("<p>click.plugin事件</p>");
 });
 $("button").click(function() {
   $("div").trigger("click!"); // 注意click后面的感叹号
   // click! 后面有叹号,是调用没有任何命名空间的click事件
   // click 后面没有叹号,是调用所有click事件(不管是那个命名空间的)
   // click.plugin 是调用某个特定命名空间的click事件(本例中是plugin)
 });
 })
 </script>
</head>
<body>
<div style="width:100px;height:50px;background:#888;color:white;">test.</div>
<button >根据命名空间,触发事件</button>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
jQuery 三击事件实现代码
Sep 11 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
JavaScript前端面试组合函数
Jun 21 Javascript
JavaScript实现数组随机排序的方法
Jun 26 #Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 #Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 #Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 #Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 #Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 #Javascript
jQuery匹配文档链接并添加class的方法
Jun 26 #Javascript
You might like
php计算整个mysql数据库大小的方法
2015/06/19 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
php将字符串转换为数组实例讲解
2020/05/05 PHP
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
宿舍标语大全
2014/06/19 职场文书
低碳日宣传活动总结
2014/07/09 职场文书
党员个人对照检查材料
2014/10/01 职场文书
法学专业大学生实习自我鉴定
2014/10/05 职场文书
培训通知
2015/04/17 职场文书
暂停营业通知
2015/04/25 职场文书
干部培训简讯
2015/07/20 职场文书