什么是 event.target ？

简单来说，event.target是发生事件的元素或触发事件的元素。

假设有如下的 HTML 结构：

<div onclick="clickFunc(event)" style="text-align: center;margin:15px;
border:1px solid red;border-radius:3px;"><div style="margin: 25px; border:1px solid royalblue;border-radius:3px;"><div style="margin:25px;border:1px solid skyblue;border-radius:3px;"><button style="margin:10px">Button</button></div></div></div>

JS 代码如下：

function clickFunc(event) {console.log(event.target);
}

如果单击 button，即使我们将事件附加在最外面的div上，它也将打印 button 标签，因此我们可以得出结论event.target是触发事件的元素。

什么是 event.target ？相关推荐

js中event，event.srcElement，event.target在IE和firefox下的兼容性
1.window.event对象 IE:有window.event对象 firefox:没有window.event对象.可以通过函数的参数传递event对象.例如:οnmοusedοwn=func ...
事件源event.target
今天在了解检测浏览器是否能播放不同类型的视频时发现以下代码 <script> function supportType(e,vidType,codType){ myVid=document ...
event.target【转载】
[转载] 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和ev ...
event.srcElement 与event.target
event.target event.srcElement 这两个是当事件发生时的那个对象引用,相当于JQuery里的this 火狐只能用 event.target,IE只能用event.srcE ...
给父元素添加点击事件时，获取到的 event.target 为子元素（point-events: none 的妙用）
目录场景分析解决场景使用 ion-select 组件时,点击下拉图标点击事件的 event.target,不是图标本身的 DOM,而是图标子元素的 DOM 这会导致 popover 无法计 ...
JavaScript中的Event.target
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源,但是当有批量的DOM需要操作的时候,要判断哪一个dom是事件源就不是很明确了,使用e.target可以准确地获取事件源 ...
event.target与event.currentTarget的差异
event.target与event.currentTarget的差异(完整版) 1.什么是target?什么是currentTarget? event.target 是发生事件的元素或触发事件的元素 ...
event.target与event.currentTarget的区别
event.target事件和event.currentTarget事件,经常被人们混淆.因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性.然而如果真的是一样的,那当初官方就不会做这样没有意义 ...
event.target.tagName是啥？
event.target.tagName是啥? <!DOCTYPE html> <html><head><meta charset="utf-8&q ...

什么是 event.target ？

什么是 event.target ？相关推荐

最新文章

热门文章