Javascript 有一个“工具”吗;。关于;相等的
我正在Mootools中的jQuery中寻找一个与Javascript 有一个“工具”吗;。关于;相等的,javascript,mootools,Javascript,Mootools,我正在Mootools中的jQuery中寻找一个与.on()等效的工具。其目的是将事件动态绑定到用户交互后附加到页面的元素。有将事件侦听器附加到DOM元素的addEvent()和addEvents()方法。 查看文档。如果您了解如何工作,这会有所帮助 以下是页面中的一个示例: // Get the element, add a click listener... document.getElementById("parent-list").addEventListener("click",fun
.on()
等效的工具。其目的是将事件动态绑定到用户交互后附加到页面的元素。有将事件侦听器附加到DOM元素的addEvent()
和addEvents()
方法。
查看文档。如果您了解如何工作,这会有所帮助 以下是页面中的一个示例:
// Get the element, add a click listener...
document.getElementById("parent-list").addEventListener("click",function(e) {
// e.target is the clicked element!
// If it was a list item
if(e.target && e.target.nodeName == "LI") {
// List item found! Output the ID!
console.log("List item ",e.target.id.replace("post-")," was clicked!");
}
});
正如所指出的那样,relay()
是委托的最佳方式。在中,您可以看到一些代码示例和JSFIDLE
语法是:
parentElement.addEvent('click:relay(.targetClass)'),函数(){
其中,parentElement
是加载JS代码时页面中存在的某个元素,.targetClass
将是您希望进行委派的目标元素中的一个类
正如所指出的,MooTools页面中有一个很好的JSFIDLE示例,它是从第一个页面改编而来的。您所关注的是
http://mootools.net/docs/core/Element/Element.Delegation
-el.addEvent('click:relay(a.someClass)'),function(){};