- 事件对象
- 当响应函数被调用时，浏览器每次都会将一个事件对象作为实参传递进响应函数中，
这个事件对象中封装了当前事件的相关信息，比如：鼠标的坐标，键盘的按键，鼠标的按键，滚轮的方向。。
- 可以在响应函数中定义一个形参，来使用事件对象，但是在IE8以下浏览器中事件对象没有做完实参传递，而是作为window对象的属性保存
- 例子：
元素.事件 = function(event){
event = event || window.event;
};
元素.事件 = function(e){
e = e || event;
};
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #areaDiv { border: 1px solid black; width: 300px; height: 50px; margin-bottom: 10px; } #showMsg { border: 1px solid black; width: 300px; height: 20px; } </style> <script type="text/javascript"> window.onload = function(){ document.querySelector("#areaDiv").onmousemove = function(event){ event = event || window.event; // 正常浏览器时传参获取event对象 IE8的even对象在window中所以使用 window.event document.querySelector("#showMsg").innerHTML = "X: "+event.clientX+" Y: "+event.clientY; } } </script> </head> <body> <div id="areaDiv"></div> <div id="showMsg"></div> </body> </html>
浙公网安备 33010602011771号