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程序设计有所帮助。

相关文章

  • 基于JS实现新闻列表无缝向上滚动实例代码

    基于JS实现新闻列表无缝向上滚动实例代码

    当新闻较多,并且空前有限的时候,使用滚动是一个不错的选择,本章节就通过代码实例介绍一下如何实现此效果,对无缝向上滚动实例代码感兴趣的朋友一起学习吧
    2016-01-01
  • 微信小程序顶部导航栏可滑动并选中放大

    微信小程序顶部导航栏可滑动并选中放大

    这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 第五篇Bootstrap 排版

    第五篇Bootstrap 排版

    使用bootstrap的排版特性可以创建标题,段落,列表及其它内联元素。本文重点给大家介绍Bootstrap 排版 知识,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • javascript实现获取浏览器版本、浏览器类型

    javascript实现获取浏览器版本、浏览器类型

    这篇文章主要介绍了javascript实现获取浏览器版本,javascript实现获取浏览器类型两大方面,对这方面感兴趣的朋友可以参考一下
    2015-12-12
  • 手机号码,密码正则验证

    手机号码,密码正则验证

    神奇的正则表达式可以帮助我们搞定所需的格式验证,常用的有手机号码,密码等,另附上做项目经常用到的一些正则,记录一下
    2014-09-09
  • js怎么只刷新当前页面一次

    js怎么只刷新当前页面一次

    Javascript刷新页面的几种方法:location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href,js怎么只刷新当前页面一次呢
    2023-09-09
  • javascript验证身份证号

    javascript验证身份证号

    这篇文章主要介绍了javascript验证身份证号,十分的详细,需要的朋友可以参考下
    2015-03-03
  • JavaScript实现横向滑出的多级菜单效果

    JavaScript实现横向滑出的多级菜单效果

    这篇文章主要介绍了JavaScript实现横向滑出的多级菜单效果,涉及JavaScript数学运算及页面元素样式动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 数组Array的一些方法(总结)

    数组Array的一些方法(总结)

    下面小编就为大家带来一篇数组Array的一些方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • js编写当天简单日历效果【实现代码】

    js编写当天简单日历效果【实现代码】

    下面小编就为大家带来一篇js编写当天简单日历效果【实现代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05

最新评论