在触发任何事件时都会产生一个对象。如：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-08-04 14:34:07