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

Event Handler Namespace in Vanilla JavaScript(Vanilla JavaScript 中的事件处理程序命名空间)
本文介绍了Vanilla JavaScript 中的事件处理程序命名空间的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我熟悉 jQuery 事件处理程序中的命名空间.我可以在特定命名空间中添加事件处理程序:

I'm familiar with namespaces in jQuery's event handlers. I can add an event handler in a specific namespace:

$('#id').on('click.namespace', _handlerFunction);

然后我可以删除该命名空间中的所有事件处理程序:

And then I can remove all event handlers in that namespace:

$('#id').off('.namespace');

这里的好处是我只能删除这个命名空间中的事件,而不是任何应该维护的用户添加/附加事件.

The advantage here is that I can remove only the events in this namespace, not any user-added/additional events that should be maintained.

有没有人有任何关于我如何不能使用 jQuery,但获得类似结果的提示?

Does anyone have any tips on how I can not use jQuery, but achieve a similar result?

推荐答案

我想你正在寻找 addEventListener 和 removeEventListener.您还可以定义自定义事件并使用 dispatchEvent 触发它们.

I think you are looking for addEventListener and removeEventListener. You can also define custom events and fire them using dispatchEvent.

但是,要删除事件侦听器,您需要保留对事件函数的引用,以便仅删除要删除的函数,而不是清除整个事件.

However, to remove an event listener, you will need to retain a reference to the event function to remove just the function you want to remove instead of clearing the whole event.

这篇关于Vanilla JavaScript 中的事件处理程序命名空间的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)
How to get response url in XMLHttpRequest?(如何在 XMLHttpRequest 中获取响应 url?)