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下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
一个javascript参数的小问题
Mar 02 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP中执行cmd命令的方法
2014/10/11 PHP
mongodb和php的用法详解
2019/03/25 PHP
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
浅析Django中关于session的使用
2019/12/30 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
自我鉴定 电子商务专业
2014/01/30 职场文书
房地产项目建议书
2014/03/12 职场文书
走进科学观后感
2015/06/18 职场文书
好人好事新闻稿
2015/07/17 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
Python采集股票数据并制作可视化柱状图
2022/04/04 Python
Go 内联优化让程序员爱不释手
2022/06/21 Golang