Directorio artículo
En primer lugar, el concepto básico
¿Cuál es el objeto de evento
- objeto de evento encapsula toda la información relativa a los acontecimientos actuales , tales como coordenadas del ratón, la rueda de dirección, como el teclado que el interruptor de llave
Cómo utilizar el objeto de evento
En el navegador Internet Explorer 8 y por encima de lo normal
- Cuando una función de evento, la respuesta de evento de activación será un objeto de evento como un argumento pasado a la función, el parámetro recibido por la función de
IE8 y por debajo
- El objeto de evento es una ventana de atributos de los objetos guardados
En segundo lugar, la compatibilidad del navegador resolver los problemas de Código
event = event || window.event;
Explicado por los siguientes códigos
if(!event){
event=window.event;
}
Si usted no pasa el evento objeto de evento, el evento es la ventana de la propiedad
En tercer lugar, un ejemplo de coordenadas de la pantalla
1. La Fig efecto
códigos y códigos 2.CSS Divisiones
<style type="text/css">
#areaDiv{
height: 60px;
width: 200px;
border: 1px solid black;
}
#showMsg{
height:50px;
width: 120px;
border: 1px solid black;
}
</style>
<body>
<div id="areaDiv"></div>
<br/>
<div id="showMsg"></div>
</body>
Código 3.JS
<script type="text/javascript">
window.onload=function(){
//获取两个div
var areaDiv = document.getElementById("areaDiv");
var showMsg = document.getElementById("showMsg");
//onmousemove事件鼠标在元素中移动触发
areaDiv.onmousemove = function(event){
//浏览器兼容问题
event = event || window.event;
//获取事件对象中xy坐标
var x =event.clientX;
var y =event.clientY;
//在showMsg中显示坐标
showMsg.innerHTML = "x=" + x + ",y="+y;
}
}
</script>