在触发任何事件时都会产生一个对象。如: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标签默认的跳转动作)。
时间: 2024-10-07 19:57:33