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 相关文章推荐
学习面向对象之面向对象的术语
Nov 30 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
基于JavaScript定位当前的地理位置
Apr 11 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
vue实现数字滚动效果
Jun 29 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
JavaScript 数组去重详解
Sep 15 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的库,结果发现很多东西
2006/12/31 PHP
php的hash算法介绍
2014/02/13 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
js中的referrer返回上一页使用介绍
2013/09/26 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
创建一般js对象的几种方式
2017/01/19 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
PHP面试题及答案二
2015/05/23 面试题
敏捷开发的主要原则都有哪些
2015/04/26 面试题
员工工作表扬信范文
2014/01/13 职场文书
毕业生个人自荐书
2015/03/05 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python
Golang 字符串的常见操作
2022/04/19 Golang