Javascript中的event事件总结

阅读() @2019-05-12 11:46:31

用户在浏览网站的时候,会用鼠标或者是键盘进行相应的操作,比如鼠标点击、鼠标滑过、鼠标移动、键盘按下、键盘抬起......等等,这些都是Javascript中的事件。Event默认有很多的事件,我们可以根据自己的实际情况进行调用。

用一句话来总结事件对象:当一个事件发生的时候,存储这个事件的相关信息!

下面具体来看看这些事件!

document.onclick = function(ev){
	var ev = ev || window.event;
	for(var prop in ev){
		console.log(prop + ":" + ev[prop]);
	}
}

我们运行上面的代码,就可以看到点击事件默认的事件有哪些,最常见的包括:clientX、clientY、screenX、screenY、offsetX、offsetY等。

假如我们设置一个点击事件,然后输出鼠标在点击的时候在浏览器中的坐标,代码如下:

document.onclick = function(ev){
     var ev = ev || window.event;
     var x = ev.clientX;
     var y = ev.clientY;
     console.log(x);
     console.log(y);
}

还有其他很多的事件,如果大家感兴趣,可以一一测试。

以上代码中有一段:

var ev = ev || window.event;

对于一般的浏览器而言,事件函数的第一个形参默认就是事件对象event,但是IE8及以下版本的浏览器,是不支持这个特性的,它有window.event这个对象,在每个事件中都不一样,所以为了兼容才那样写!

微信二维码