<button>点我</button> <script type="text/javascript"> var btn = document.getElementById("myBtn"); btn.onclick = function (event) { event = EventUtil.getEvent(event);//确保所有浏览器都能使用 event 对象 var target = EventUtil.getTarget(event); console.log(target); } </script>
取消事件默认行为：
<a href="https://www.163.com" >点我</a> <script type="text/javascript"> var link = document.getElementById("myLink"); link.onclick = function (event) { event = EventUtil.getEvent(event); EventUtil.preventDefault(event); } </script>
阻止事件传播：
<button>点我</button> <script type="text/javascript"> var btn = document.getElementById("myBtn"); btn.onclick = function (event) { console.log("Clicked"); event = EventUtil.getEvent(event); EventUtil.stopPropagation(event); }; document.body.onclick = function (event) { console.log("Body clicked"); }; </script>
因为 IE 不支持事件捕获，所以 EventUtil 的 stopPropagation() 的方法只能阻止事件冒泡。
PS：关于javascript事件说明可参考本站javascript事件与功能说明大全：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》