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中的枚举功能
Mar 06 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
Vue项目组件化工程开发实践方案
Jan 09 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
layui 实现表格某一列显示图标
Sep 19 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实现简单的新闻发布系统实例
2015/07/28 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
Jquery之美中不足小结
2011/02/16 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
详解vue中axios请求的封装
2019/04/08 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
2020/05/10 Javascript
跟老齐学Python之数据类型总结
2014/09/24 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
Python3.5面向对象程序设计之类的继承和多态详解
2019/04/24 Python
python自动化之Ansible的安装教程
2019/06/13 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
TensorFlow实现从txt文件读取数据
2020/02/05 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
自我评价是什么
2014/01/04 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
植树节活动总结
2014/04/30 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
办公室岗位职责范本
2015/04/11 职场文书
目标责任书格式范文
2015/05/11 职场文书
培训计划通知
2015/07/15 职场文书
公司业务员管理制度
2015/08/05 职场文书
mysql函数之截取字符串的实现
2022/08/14 MySQL