谈谈你对事件对象的理解以及作用

事件对象:Events对象代表事件的状态,比如事件在其中发生的元素,键盘按键的状态,鼠标的位置,鼠标按钮的状态。

什么时候会产生Event对象?

例如:当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象。

事件通常与函数结合,函数不会在事件发生前被执行。

使用场景即:

var oDIv = document.getElementById('box');

oDiv.onclick = function(event){
    .........
}

Event对象的一些兼容写法
获得event对象兼容性写法   event || (event = window.event);

获得target兼容型写法  event.target||event.srcElement

阻止浏览器默认行为兼容性写法 event.preventDefault ? event.preventDefault() : (event.returnValue = false);

阻止冒泡写法 event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);

posted @ 2021-02-22 18:42  美少女罢了  阅读(124)  评论(0编辑  收藏  举报