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 相关文章推荐
弹出广告特效(一个IP只弹出一次)的代码
Jul 27 Javascript
解析Jquery的LigerUI如何实现文件上传
Jul 09 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
微信小程序实现留言板(Storage)
Nov 02 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
javascript实现一款好看的秒表计时器
Sep 05 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
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下MAIL的另一解决方案
2006/10/09 PHP
PHP实现多条件查询实例代码
2010/07/17 PHP
javascript第一课
2007/02/27 Javascript
Js切换功能的简单方法
2010/11/23 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
JavaScript中利用Array和Object实现Map的方法
2015/07/27 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
JavaScript实现预览本地上传图片功能完整示例
2019/03/08 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
园林设计师自荐信
2013/11/18 职场文书
24岁生日感言
2014/01/13 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
先进事迹演讲稿
2014/09/01 职场文书
检讨书1000字
2014/10/11 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫