如果我有10个项目,使用类名关键字:
<div class="keyword"></div>
如何附加一个事件,例如点击这个元素.
我尝试了以下,但没有运气:(没有警报出现)
document.getElementsByClassName('.keyword').onclick = function() { alert(true); Search.addKey(this.getElementsByClassName('name')[0].innerHTML); }
要求:
>没有onclick属性
>没有jQuery或任何其他库
解决方法
您应该委派事件.尝试这个:
if (document.body.addEventListener) { document.body.addEventListener('click',yourHandler,false); } else { document.body.attachEvent('onclick',yourHandler);//for IE } function yourHandler(e) { e = e || window.event; var target = e.target || e.srcElement; if (target.className.match(/keyword/)) { //an element with the keyword Class was clicked } }
您可以在quirksmode.com上查看有关事件委托的更多信息. AFAIK,这是实现你想要实现的最好方法.这就是所有主要的lib(原型,jQuery,…)在幕后工作
更新:
Here’s the fiddle,它包含了一些更多的解释.一个有趣的参考是this页.它帮助我了解IE和W3C事件的不同之处,而且至关重要的是,它有助于我了解事件授权的价值和无数的益处
原文地址:https://www.jb51.cc/js/150959.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。