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 相关文章推荐
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
VSCode使用之Vue工程配置eslint
Apr 30 Javascript
js实现菜单跳转效果
Dec 11 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
用Flash图形化数据(二)
2006/10/09 PHP
默默小谈PHP&amp;MYSQL分页原理及实现
2007/01/02 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
React全家桶环境搭建过程详解
2018/05/18 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
微信小程序实现动态获取元素宽高的方法分析
2018/12/10 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
[50:20]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第四局
2016/03/06 DOTA
详解详解Python中writelines()方法的使用
2015/05/25 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
使用纯 CSS 创作一个脉动 loader效果的源码
2018/09/28 HTML / CSS
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
实习证明格式范文
2015/06/16 职场文书