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 迁移目录
Dec 18 Javascript
静态的动态续篇之来点XML
Dec 23 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
May 23 Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
详解用async/await来处理异步
Aug 28 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
将PHP作为Shell脚本语言使用
2006/10/09 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
DOM 事件流详解
2015/01/20 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
jupyter notebook插入本地图片的实现
2020/04/13 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
AJAX都有哪些有点和缺点
2012/11/03 面试题
大学生求职自我评价
2014/01/16 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
病媒生物防治方案
2014/05/13 职场文书
观后感开头
2015/06/19 职场文书