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 相关文章推荐
基于jQuery的表格操作插件
Apr 22 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 Javascript
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
jquery获得当前html页面源码的方法
Jul 14 Javascript
三分钟带你玩转jQuery.noConflict()
Feb 15 Javascript
js格式化时间的简单实例
Nov 27 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
Sep 05 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
浅析PHP页面局部刷新功能的实现小结
2013/06/21 PHP
php命令行使用方法和命令行参数说明
2014/04/08 PHP
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
JS建造者模式基本用法实例分析
2015/06/30 Javascript
jQuery EasyUI之DataGrid使用实例详解
2016/01/04 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
vue-router命名视图的使用讲解
2019/01/19 Javascript
利用原生JS实现欢乐水果机小游戏
2020/04/23 Javascript
微信小程序实现时间戳格式转换
2020/07/20 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
python连接字符串的方法小结
2015/07/13 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
python实现动态创建类的方法分析
2019/06/25 Python
python写一个随机点名软件的实例
2019/11/28 Python
django实现模型字段动态choice的操作
2020/04/01 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
Matlab中plot基本用法的具体使用
2020/07/17 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
旧时光糖果:Old Time Candy
2018/02/05 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
总监职责范文
2013/11/09 职场文书
校园活动宣传方案
2014/03/28 职场文书
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript
人民币符号
2022/02/17 杂记