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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
javascript实现unicode和字符的互相转换
Jul 18 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
javascritp添加url参数将参数加入到url中
Sep 25 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
javascript中undefined与null的区别
Aug 16 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
React组件refs的使用详解
Feb 09 Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 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
php防注入及开发安全详细解析
2013/08/09 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
jquery构造器的实现代码小结
2011/05/16 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
python 从远程服务器下载东西的代码
2013/02/10 Python
Python的lambda匿名函数的简单介绍
2013/04/25 Python
进一步探究Python的装饰器的运用
2015/05/05 Python
Python中 map()函数的用法详解
2018/07/10 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
会计毕业生自我鉴定
2013/11/04 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
大雁塔导游词
2015/02/04 职场文书
调解书格式范本
2015/05/20 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
JavaScript实例 ODO List分析
2022/01/22 Javascript