JS事件中的对象
Posted tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS事件中的对象相关的知识，希望对你有一定的参考价值。
在触发任何事件时都会产生一个对象。如：DOM事件，window事件等，都会产生一个对象，该对象就是当前元素的事件对象。
DOM事件对象
<body> <input type="button" value="按钮" id="btn" /> <!--js--> <script> var btn = document.getElementById("btn"); btn.onmousemove = function(e){ alert(e.x); } btn.onclick = function(e){ document.write(e.type); } </script> </body>
window事件对象
<body> <!--js--> <script> window.onmousemove = function(e){ alert(e.x + "---" + e.y); } </script> </body>
获取事件对象的相关属性和方法，在事件函数的参数中添加event参数(参数名没有严格要求，仅凭个人喜好)，事件方法中用该参数调用相关属性及方法就行。
ps:补充事件对象的两个常用方法。
1、stopPropagation(); 阻止事件冒泡(阻止触发当前元素的父级元素)；
2、preventDefault();阻止事件默认动作(如，<a></a>元素加上preventDefault后会阻止a标签默认的跳转动作)。
以上是关于JS事件中的对象的主要内容，如果未能解决你的问题，请参考以下文章