- event对象
- 当dom tree中某个事件被触发的时候,会自动产生一个用来描述事件所有的相关信息的对象,这个对象就是event(事件对象);
- 可通过window.event/event来获取。非IE还可以通过函数传参的形式来使用,一般而言我们使用【形参e或eve】来代替使用;
var oDiv = document.querySelector('div'); oDiv.addEventListener('click',function(e){ console.log(e); })
- event中常用的属性和方法:
- type:获取当前event类型;
- bubbles:获得当前触发事件的类型是否冒泡,冒泡返回true,否则返回false;
- e.stopPropagation():阻断事件出现冒泡;
- e.preventDefault():取消当前节点的默认行为,譬如超链接的点击跳转行为,没有返回值
- cancelable:用来判断当前节点是否支持preventDefault取消默认行为,可以则返回true;
- eventPhase:事件传导至当前节点处于什么状态;
- 事件处于捕获;
- 事件处于真正的触发者;
- 事件处于冒泡状态;
- targrt和currentTarget:
- target:返回事件真正的触发者;
- currentTarget:返回事件的监听者(触发的事件绑定到了谁,就返回谁);
- 都仅在事件内部有效;
JS event事件
最新推荐文章于 2023-06-10 17:28:29 发布