小tips:jquery中带命名空间的事件(namespacedevents)

author author     2022-09-15     105

关键词:

带命名空间的事件(namespaced events)在jQuery 1.2就被加入了,但是没有几个人用。

举个例子:

$(‘a‘).on(‘click‘, function() {
  // Handler 1
}); 
$(‘a‘).on(‘click‘, function() {
  // Handler 2
});

如果我们想要移除第二个handler, 使用$(‘a’).off(‘click’)确会把两个handler都移除掉!

但是如果使用带命名空间的事件,就可以搞定:

$(‘a‘).on(‘click.namespace1‘, function() {
  //Handler 1
}); 
$(‘a‘).on(‘click.namespace2‘, function() {
  //Handler 2
});

使用如下代码移除:

$(‘a‘).off(‘click.namespace2‘);

 

在没有命名空间的jquery中触发事件

】在没有命名空间的jquery中触发事件【英文标题】:Triggereventinjquerywithoutanamespace【发布时间】:2012-11-2109:35:58【问题描述】:使用当前版本的jQuery(1.8.3),您仍然可以使用以下代码(显示带有和不带有命名空间的单击):$("span").... 查看详情

jQuery 事件命名空间可以包含破折号吗?

】jQuery事件命名空间可以包含破折号吗?【英文标题】:CanjQueryeventnamespacescontaindashes?【发布时间】:2015-05-2822:40:46【问题描述】:jQuery事件命名空间可以包含破折号(连字符)吗?我有很长的命名空间,我想用破折号分隔它们... 查看详情

Java中带有命名空间的XPath

】Java中带有命名空间的XPath【英文标题】:XPathwithnamespaceinJava【发布时间】:2012-11-2201:30:57【问题描述】:我想获取标签之间的所有内容,但由于urn:命名空间,我不知道该怎么做。<urn:ResponseStatusversion="1.0"xmlns:urn="urn:camera-org"&... 查看详情

我应该在 jquery 小部件上使用啥命名空间?

】我应该在jquery小部件上使用啥命名空间?【英文标题】:whatshouldiusefornamespaceonjquerywidgets?我应该在jquery小部件上使用什么命名空间?【发布时间】:2012-04-0807:28:59【问题描述】:我正在阅读有关使用jqueryui小部件工厂创建插件... 查看详情

命名空间jquery

命名空间的意思就是同一个元素有绑定了2个相同的事件,比如2个scroll,这个时候你做其他交互的时候只想触发第二个scroll事件 就可以用命名空间做了<buttonid="but">命名空间</button><p></p>说明命名空间之前,... 查看详情

django2中带有router.urls的命名空间

】django2中带有router.urls的命名空间【英文标题】:namespacewithrouter.urlsindjango2【发布时间】:2019-07-0103:02:21【问题描述】:在django2.1.5和DRF3.9.1中,我正在尝试添加不起作用的router.urls命名空间。path(\'api/v2/\',include(router.urls,namespace="... 查看详情

JavaScript 命名空间和 jQuery 事件处理程序

】JavaScript命名空间和jQuery事件处理程序【英文标题】:JavaScriptNamespace&jQueryEventHandler【发布时间】:2013-06-1606:15:50【问题描述】:我创建了一个Javascript命名空间以避免与其他Javascript代码冲突。varns=init:function()$(\'a\').click(this.c... 查看详情

js事件的命名空间的详解

转自:http://www.cnblogs.com/lyzg/p/5347857.html阅读目录1.自定义事件2.事件命名空间3.命名空间的匹配规则4.命名空间的冒泡5.文中小结6.off方法中的使用7.本文小结jquery现在的事件API:on,off,trigger支持带命名空间的事件&#... 查看详情

使用 jQuery $().find 解析带有命名空间的 XML

】使用jQuery$().find解析带有命名空间的XML【英文标题】:ParsingXMLwithnamespacesusingjQuery$().find【发布时间】:2010-09-1219:36:06【问题描述】:我正在尝试获取XML文档元素的内容,但该元素的名称中有一个冒号。此行适用于所有元素,但... 查看详情

Vanilla JavaScript 中的事件处理程序命名空间

】VanillaJavaScript中的事件处理程序命名空间【英文标题】:EventHandlerNamespaceinVanillaJavaScript【发布时间】:2014-03-1601:25:33【问题描述】:我熟悉jQuery事件处理程序中的命名空间。我可以在特定命名空间中添加事件处理程序:$(\'#id\'... 查看详情

使用命名空间调用 jquery

】使用命名空间调用jquery【英文标题】:Tocallinjqueryusingnamespace【发布时间】:2020-01-1108:50:19【问题描述】:我正在使用javascript文件和jquery。从我的javascript文件中,我正在这样做:abc.cde.on();它正在调用一个用jquery编写的小部件... 查看详情

有没有办法只解除非命名空间事件的绑定?

】有没有办法只解除非命名空间事件的绑定?【英文标题】:Isthereawaytounbindnon-namespacedeventsonly?【发布时间】:2011-10-1714:42:40【问题描述】:有没有办法取消绑定不属于jQuery中特定命名空间的事件?如果开发者没有指定命名空间... 查看详情

jquery事件命名空间

Addinganamespacetoaneventcanmakeiteasiertounbind.Itisveryeasytounbindalleventswiththesamenamespace.//BindEventOne$("a").bind("click.nameOne",function(){ console.log("EventOneFire!"); returnfalse;}); //BindEventTwo$(&quo... 查看详情

js事件的命名空间的详解

转自:http://www.cnblogs.com/lyzg/p/5347857.html阅读目录1.自定义事件2.事件命名空间3.命名空间的匹配规则4.命名空间的冒泡5.文中小结6.off方法中的使用7.本文小结jquery现在的事件API:on,off,trigger支持带命名空间的事件&#... 查看详情

两个不同的命名空间连接到同一个事件

】两个不同的命名空间连接到同一个事件【英文标题】:Twodifferentnamespacesconnecttoasameevent【发布时间】:2020-06-0415:59:16【问题描述】:我有两个命名空间,即\'/\',/notification假设我在“/”命名空间中触发了一个事件,如何访问/监... 查看详情

位于另一个命名空间中的服务

】位于另一个命名空间中的服务【英文标题】:Servicelocatedinanothernamespace【发布时间】:2016-09-1007:52:51【问题描述】:我一直在尝试找到一种方法来在一个命名空间中定义一个服务,该服务链接到在另一个命名空间中运行的Pod。... 查看详情

如何删除在 Argo 命名空间中启动的 Argo 事件?

】如何删除在Argo命名空间中启动的Argo事件?【英文标题】:HowcanIdeletetheArgoeventslaunchedintheArgonamespace?【发布时间】:2022-01-1510:20:37【问题描述】:我正在尝试删除(并重新创建)Argo命名空间,但它不会完全删除,因为我尝试在... 查看详情

如何更改 jQuery 的命名空间?

】如何更改jQuery的命名空间?【英文标题】:HowtochangeNamespaceofjQuery?【发布时间】:2010-12-0421:00:32【问题描述】:我正在开发一个在内部使用jQuery的库,它运行良好。但我不想仅仅因为他在他的代码中使用我的库就强迫用户使用... 查看详情