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 相关文章推荐
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
jQuery each()小议
Mar 18 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
浅述节点的创建及常见功能的实现
Dec 15 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
element-ui 实现响应式导航栏的示例代码
May 08 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
JS+CSS实现过渡特效
Jan 02 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生成图形(Libchart)实例
2013/11/06 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
javascript事件冒泡简单示例
2016/06/20 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
利用python批量修改word文件名的方法示例
2017/10/17 Python
Python实现识别手写数字大纲
2018/01/29 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
在python中pandas的series合并方法
2018/11/12 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Python 时间戳之获取整点凌晨时间戳的操作方法
2020/01/28 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
python speech模块的使用方法
2020/09/09 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
html5新特性与用法大全
2018/09/13 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
挂牌仪式主持词
2014/03/20 职场文书
倡议书范文大全
2015/04/28 职场文书
东京审判观后感
2015/06/01 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
python基础之文件处理知识总结
2021/05/23 Python
详解Laravel制作API接口
2021/05/31 PHP
关于使用Redisson订阅数问题
2022/01/18 Redis