[回顾]事件对象—

问题由来

经常在阅读代码时候发现这样的函数

var btn = document.getElementById('btn');
btn.onclick = function (e) {...一些操作；
}
$("#btn").on('click',function(event){...一些操作；
});
//参数e有时候也会写作event，这个参数究竟是什么？复制代码

问题解释

实际上这个东西叫做 事件对象，关于它的定义：

在触发DOM上的某个事件时，会产生一个事件对象 event，这个对象中包含着所有与事件有关的信息。

所有的浏览器都支持event对象但是不同的浏览器下的表现是不同的，没错，分为IE和其他两种...

1.DOM中的`event`

`event`对象的部分属性和方法

属性/方法	说明
currentTarget	正在处理事件的元素
target	事件的目标（触发事件的元素）
preventDefault()	取消事件的默认行为
stopPropagation()	取消事件的进一步捕获或冒泡
type	被触发的事件类型

需要注意的是currentTarget和target属性,如果触发事件的元素就是绑定了DOM事件的元素的话，它们就是一致的，但是在某些情况下，它们并不一样。

例如：
**html**
<button id='body'>点击body</button>**js**
var body = document.getElementsByTagName('body')[0];
body.onclick = function(e){console.log(e.target.tagName,e.currentTarget.tagName)
}
>"BUTTON" "BODY"
//触发事件的是Button元素，处理事件的是Body元素复制代码

2.IE中的`event`

同样的，IE中的event对象也有一些属性和方法,这里特指<=IE8以下的只支持事件捕获的浏览器版本。

属性/方法	说明
cancelBubble	布尔值，默认为`false`,设置为`true`可以取消事件冒泡
returnValue	布尔值，默认为`true`，设置为`false`取消事件默认行为
srcElement	事件的目标（触发事件的元素）
type	被触发的事件类型

转载于:https://juejin.im/post/59c87432518825788a441dab

[回顾]事件对象——event相关推荐

javaScript中的事件对象event是怎样
事件对象event,每当一个事件被触发的时候,就会随之产恒一个事件对象event,该对象中主要包含了关于该事件的基本属性,事件类型type(click.dbclick等值).目标元素target(我的 ...
js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
JavaScript：事件对象Event和冒泡
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 绑定事件的两种方式我们在上一篇文章 DOM操作详解中已经讲过事件的概 ...
JS事件对象 (event)
#事件对象 (event) div.onclick = function(event){ console.log(event); let e = event||wind ...
js的三大家族(offset/scroll/client)和一个事件对象(event)///正则
一 offset 第1章 offset家族 4 1.1 三大家族和一个事件对象 4 1.2 Offset家族简介 4 1.2.1 offsetWidth和offsetHi ...
事件对象(event)
<div>111</div>var div = document.querySelector('div'); div.onclick = function(event) {}; ...
事件对象event及其相关属性
事件对象event 一.什么是事件对象二.事件对象的属性 1.事件对象的兼容性 2.事件对象的type属性 3.target 与currentTarget 4. 事件对象的keyCode属性 5.c ...
jQuery事件对象event的属性和方法
事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一一.事件对象常用的属性: event.type:获取事件的类型, ...
js中了解什么是事件对象event
event就是一个事件对象写在侦听函数(鼠标点击经过.function)的小括号里面当形参来看也可简写为e 事件对象是系统自动创建的不用传递参数是事件一系列相关数据的集合跟事件相关的如 ...

[回顾]事件对象——event

问题由来

问题解释

1.DOM中的`event`

`event`对象的部分属性和方法

2.IE中的`event`

[回顾]事件对象——event相关推荐

最新文章

热门文章

[回顾]事件对象——event

问题由来

问题解释

1.DOM中的event

event对象的部分属性和方法

2.IE中的event

[回顾]事件对象——event相关推荐

最新文章

热门文章

1.DOM中的`event`

`event`对象的部分属性和方法

2.IE中的`event`