事件命名空间

最新推荐文章于 2021-06-10 20:00:29 发布
最新推荐文章于 2021-06-10 20:00:29 发布
阅读量130 收藏
点赞数
文章标签： javascript ViewUI

（一）使用命名空间对时间进行管理，代码如下：

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>事件命名空间</title>
    </head>

    <body>
        <div id="eve">
            绑定事件域名空间
        </div>
        <button type="button" id="cancel">取消绑定的所有事件</button>
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#eve').bind('mouseout.plugin', function() {
                    alert('mouseout事件');
                });
                $('#eve').bind('mousemove.plugin', function() {
                    alert('mousemove事件');
                });
                $('#cancel').bind('click', function() {
                    $('#eve').unbind('.plugin');
                });
            });
        </script>
    </body>

</html>

优势：

删除事件时只需要指定命名空间即可，删除plugin空间的事件只需要一行代码即可，由于click事件不在plugin的空间内，所以click事件仍然有效。

（二）触发事件

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>事件命名空间</title>
    </head>

    <body>
        <div id="eve">
            绑定事件域名空间
        </div>
        <button type="button" id="cancel">取消绑定的所有事件</button>
        <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#eve').bind('click', function() {
                    alert('click事件');
                });
                $('#eve').bind('click.plugin', function() {
                    alert('click在plugin空间下的事件');
                });
                $('#cancel').click(function() {
                    //触发click事件 而不是click在plugin空间下的事件
                    $('#eve').trigger('click!');
                    //触发click在plugin空间下的事件
                    //$('#eve').trigger('click.plugin');
                    //触发所有的click事件
                    $('#eve').trigger('click');
                });
            });
        </script>
    </body>

</html>

关键代码：

//触发click事件 而不是click在plugin空间下的事件
                    $('#eve').trigger('click!');
                    //触发click在plugin空间下的事件
                    //$('#eve').trigger('click.plugin');
                    //触发所有的click事件
                    $('#eve').trigger('click');

说明：此jquery版本最最高为1.8.3，再高的版本对$('#eve').trigger('click!')触发不了事件，已进行测试。
weixin_34115824
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中命名空间（namespace）的概念和使用
小羊快跑的专栏
06-18 3745
为什么使用命名空间         引入命名空间之前，一个令开发人员头疼的问题就是如何防止函数名/类名和其他人的冲突，在一个公司内部项目组之间可以通过命名预定（比如加前缀等）解决这个问题，但是把视线放到整个软件开发领域，在当今协作开发相当盛行的时代，这个问题却依然存在。在使用多个第三方框架或类库的时候，你唯一能作的就是祈祷它们的命名不要冲突，如果真正发生这种灾难的话，你唯一能作的就是放弃其中一个
javascript实现相同事件名称，不同命名空间的调用方法
10-24
主要介绍了javascript实现相同事件名称，不同命名空间的调用方法,涉及javascript命名空间及事件调用的技巧,需要的朋友可以参考下
对JS命名空间(namespace)的个人理解与应用
Hongjilin的博客
06-10 753
#说明 本人全部学习笔记分享,日常更新到gitee上,觉得好的点个star 此部分查阅网上简书上的ifcode、博客园的一抹夏忧、博客园的digdeep、脚本之家的计算机-小白等包括但不限此的资料,结合自己理解以及实际代码示例整理而成 有错欢迎指出探讨 文章目录#说明JS命名空间（namespace）Ⅰ-常见应用场景Ⅱ-使用简单对象字面量模拟命名空间Ⅲ-嵌套命名空间Ⅳ-自执行函数 - 伪命名空间封装法1、什么是自执行函数2、使用自执行函数模拟命名空间Ⅴ-通过druid源码部分剖析js命名空间1、源码截
js命名空间
u011365716的博客
06-29 417
1.首先为什么要用js命名空间          在我们的项目中，如果多个人为同一个页面写js的话，命名冲突就有可能发生，如果所有的函数都是全局的话，如下： a.js中 function com() {   ..... } b.js中 function com() {     ........ } 且一个页面同时引用了这两个js文件，这样我们调用的时候会出问题，可能老是调用到第一个文件里面的函数了...
jquery的事件命名空间详解
weixin_34111790的博客
04-04 236
jquery现在的事件API：on，off，trigger支持带命名空间的事件，当事件有了命名空间，就可以有效地管理同一事件的不同监听器，在定义组件的时候，能够避免同一元素应用到不同组件时，同一事件类型之间的影响，还能控制一些意外的事件冒泡。在实际工作中，相信大家都用的很多，但是不一定了解它的所有细节，至少我有这样的经验，经常在碰到疑惑的时候，还得重新写例子去验证它的相关作用，所以本文想把事件命名...
jQuery中绑定事件的命名空间详解
12-09
在没有看到这篇 文章之前，我一直不知道原来bind也可以有命名空间。事实上，我看完这篇文章后，再去翻了一下手册，也才发现了一点点的注释。但手册也仅仅是一句话就带 过去了。没有过多的深究，或许他认为命名空间这...
jQuery 事件的命名空间简单了解
10-26
用 jQuery 绑定和解绑事件监听器都是非常简单的，怎样精确地解绑其中一个监听器？我们需要了解一下事件的命名空间，感兴趣的朋友不要错过
jquery利用命名空间移除绑定事件的方法
10-24
主要介绍了jquery利用命名空间移除绑定事件的方法,实例分析了jQuery命名空间及事件绑定的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
【jQuery学习笔记-----jQuery事件命名空间】
Will 的专栏
04-29 6949
jQuery事件命名空间 jQuery支持事件命名空间，以方便事件管理。例如，在下面的示例中，为div元素绑定多个事件类型，然后使用命名空间进行规范，从而方便管理。所谓事件命名空间，就晨事件类型后面以点语法附加一个别名，以便引用事件，如”click.a”，其中”a”就是click当前事件类型的别名，即事件命名空间 如：$(“div”).bind(“click.a”,function(){});
JS命名空间
weixin_30718391的博客
12-27 86
命名冲突 全局变量会绑定到 window 上，不同的javascript文件如果使用了相同的全局变量，或者定义了相同名字就的顶层函数，都会造成命名冲突，并且很难被发现。 减少冲突的一个办法，把自己的所有变量和函数全部绑定到一个全局变量中： <script type="text/javascript"> var MYAPP = {}; // 定义全局唯一的变量MYAPP...
JS命名空间（namespace）
孤云博客
01-16 6472
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 from：https://www.jianshu.com/p/554454d951d9 命名空间namespace（某些语言中叫package），是一个在静态语言中常见的概念。它可以帮助我们更好地整理代...
jQuery中事件命名空间
Acmera-播客分享
12-07 402
简述jQuery中事件命名空间
JavaScript中创建命名空间的几种写法(推荐)
hsany330的专栏
07-08 767
在JavaScript中全局变量经常会引起命名冲突，甚至有时侯重写变量也不是按照你想像中的顺序来的，可以看看下面的例子： var sayHello = function() { return 'Hello var'; }; function sayHello(name) { return 'Hello function'; }; sayHello();
深入剖析js命名空间函数namespace
weixin_33910385的博客
12-20 220
在看阿里员工写的开源数据库连接池的druid的源代码时，发现了其中在jquery的原代码中又定义了一个命名空间的函数：$.namespace()，其代码如下： 网址为：https://github.com/alibaba/druid/blob/master/src/main/resources/support/http/resources/js/jquery.min.js $.name...
js命名空间的玩法详解
weixin_34185364的博客
09-07 143
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery高级事件---模拟操作和命名空间
Twilight's Blog
06-16 604
模拟操作trigger() 浏览器自行触发事件.例如：当网页加载完毕后浏览器自行点击一个按钮触发一个事件，而不是用户去点击。 $("input").click(function(){ alert("自行点击事件"); }); $("input").trigger("click");也可以简写为： $("input").click(function(){
JQuery 中的事件命名空间
Hey firefly
12-28 748
jQuery中的事件命名空间
Linux命名空间详解与应用
更高级的应用可以建立主从mount命名空间，从而实现事件的跨命名空间传播。 UTS命名空间(CLONE_NEWUTS, Linux 2.6.19)则隔离了系统的主机名和域名。在不同的UTS命名空间中，进程通过uname()系统调用获取的信息将是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值