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 相关文章推荐
网上应用的一个不错common.js脚本
Aug 08 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
JS组件Bootstrap Select2使用方法详解
Apr 17 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
vue中引用swiper轮播插件的教程详解
Aug 16 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
js脚本中执行java后台代码方法解析
Oct 11 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 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+APACHE实现用户论证的方法
2006/10/09 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
Javascript代码在页面加载时的执行顺序介绍
2013/05/03 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
innerText 使用示例
2014/01/23 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
BootStrap模态框不垂直居中的解决方法
2017/10/19 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
Python笔试面试题小结
2019/09/07 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
实习生自荐信范文
2013/11/13 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书
《灰雀》教学反思
2016/02/19 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
python基础之类方法和静态方法
2021/10/24 Python