深入分析原生JavaScript事件(3)


 var btn = document.getElementById("test");
 //将回调存储在变量中
 var fn = function(e){
   alert("ok");
 };
 //绑定
 btn.addEventListener("click", fn, false);
 //解除
 btn.removeEventListener("click", fn, false);

要想注册过的事件能够被解除,必须将回调函数保存起来,否则无法解除。

DOM0与DOM2混用

事情本来就很乱了,这又来个混合使用,还让不让人活了。。。

别怕,混合使用完全没问题,DOM0模型和DOM2模型各自遵循自己的规则,互不影响。

整体上来说,依然是哪个先注册,哪个先执行,其他就没什么了。

后记

至此,原生js事件已经讲的差不多了,小菜仅仅知道这些而已,欢迎读者补充其他知识点。

在实际应用中,真正的行家不会傻傻的真的注册这么多事件,一般情况下,只需在最外层dom元素注册一次事件,然后通过捕获、冒泡机制去找到真正触发事件的dom元素,最后根据触发事件的dom元素提供的信息去调用回调。

也就是说,行家会自己管理事件,而不依赖浏览器去管理,这样即可以提高效率,又保证了兼容性,JQuery不就是这么做的嘛~

好了,教程到此结束,希望对读者有所帮助!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgxjzw.html