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
Oct 31 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
JavaScript仿商城实现图片广告轮播实例代码
Feb 06 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
js实现随机8位验证码
Jul 24 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 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/10/27 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
javascript闭包入门示例
2014/04/30 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
详解AngularJS2 Http服务
2017/06/26 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python下载网络小说实例代码
2018/02/03 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Python如何存储数据到json文件
2020/03/09 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
Python实现简单猜数字游戏
2021/02/03 Python
python定义具名元组实例操作
2021/02/28 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
什么是数组名
2012/05/10 面试题
介绍一下Ruby的特点
2013/01/20 面试题
信访维稳工作汇报
2014/10/27 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP