脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript实现相同事件名称，不同命名空间的调用

javascript实现相同事件名称，不同命名空间的调用方法

 更新时间：2015年06月26日 15:46:14   作者：冥想_  
这篇文章主要介绍了javascript实现相同事件名称，不同命名空间的调用方法,涉及javascript命名空间及事件调用的技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 封装好的一个万能检测表单的方法

    封装好的一个万能检测表单的方法

    这篇文章主要介绍了一个封装好的万能检测表单的方法,非常的好用，使用也很方便，这里推荐给小伙伴们。
    2015-01-01
  • javascript模块化简单解析

    javascript模块化简单解析

    这篇文章主要针对javascript模块化为大家进行简单解析，如何写一个模块，在页面中加载模块的方法，感兴趣的小伙伴们可以参考一下
    2016-04-04
  • js之事件冒泡和事件捕获详细介绍

    js之事件冒泡和事件捕获详细介绍

    事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别，有需要的朋友可以参考一下
    2013-10-10
  • Vue2.0+ElementUI实现表格翻页的实例

    Vue2.0+ElementUI实现表格翻页的实例

    下面小编就为大家带来一篇Vue2.0+ElementUI实现表格翻页的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • JS左右无缝轮播功能完整实例

    JS左右无缝轮播功能完整实例

    这篇文章主要介绍了JS左右无缝轮播功能,结合完整实例形式分析了javascript事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • xmlhttp缓存清除的2种解决方法

    xmlhttp缓存清除的2种解决方法

    这篇文章主要介绍了xmlhttp缓存清除的2种解决方法。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • 深入学习JavaScript ES8中的函数式编程

    深入学习JavaScript ES8中的函数式编程

    函数式编程已经成为现代JavaScript开发中的一种主要范式,它提供了一种更清晰、更模块化、更可维护的代码编写方式,本文将深入探讨ES8中的一些关键特性,并演示如何使用这些特性进行函数式编程实践,有需要的可以参考下
    2023-09-09
  • 小程序通过小程序云实现微信支付功能实例

    小程序通过小程序云实现微信支付功能实例

    本文主要介绍了小程序通过小程序云实现微信支付功能实例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07
  • echarts柱状图的点击事件代码示例

    echarts柱状图的点击事件代码示例

    这篇文章主要给大家介绍了关于echarts柱状图点击事件的相关资料,在实际的项目开发中我们通常会用到Echarts来对数据进行展示,有时候需要用到Echarts的点击事件,增加系统的交互,需要的朋友可以参考下
    2023-09-09
  • setTimeout的延时为0时多个浏览器的区别

    setTimeout的延时为0时多个浏览器的区别

    一直比较迷惑：js的setTimeout到底会在什么时候执行，如果执行了，和主执行脚本到底差多长时间
    2012-05-05

最新评论