event.target属性

最新推荐文章于 2025-06-14 22:26:49 发布

原创最新推荐文章于 2025-06-14 22:26:49 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5 #css3

碎知识专栏收录该内容

10 篇文章

订阅专栏

当在p,button,或h1元素上发生点击时，该函数会更新div元素的内容，显示触发事件的元素类型。例如，如果点击的是一个按钮，内容将变为通过BUTTON元素触发。

返回哪个DOM元素触发了事件:

$("p, button, h1").click(function(event){
    $("div").html("通过 " + event.target.nodeName + " 元素触发。");
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凉风听雪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js中的触发事件对象event.srcElement与event.target详解

10-20

例如，使用条件判断来决定使用event.srcElement还是event.target属性。此外，还可以利用逻辑运算符来实现这样的兼容性，如varevtTarget=event.target||event.srcElement，这样，不管在哪种浏览器下，都能够正确地...

event.currentTarget与event.target的区别介绍

09-05

在JavaScript的事件处理中，`event.currentTarget` 和 `event.target` 是两个非常重要的属性，它们在处理DOM元素上的事件时起到关键作用。本文将详细解释这两个属性的区别，并通过实际的测试代码来帮助理解。首先...

参与评论您还未登录，请先登录后发表或查看评论

事件对象e的e.target

weixin_49602426的博客

09-11

3326

event.target常用属性

debugtoday的博客

04-23

862

event.target.className　　 //获取事件触发元素classname。event.target.nodeName 　　 //获取事件触发元素标签name。event.target.innerHTML　　 //获取事件触发元素的内容。event.target.id　　　　　　　//获取事件触发元素id。

event.target的作用

HWL5679的博客

12-19

938

当你点击一个按钮或者在输入框中输入文本时，event.target就会指向那个按钮或输入框。

触发onclick事件获取当前元素各个属性参数

Tarafireworks的博客

08-31

5068

自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 <a onclick="test()">点击我</a> <script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this console.log(event.target); //返回绑.

Vue中currentTarget $event 的用法

hh3167253066的博客

08-21

2059

<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.fi

event.target 详解：理解事件目标对象

最新发布

weixin_51288065的博客

06-14

559

在 JavaScript 事件处理中，event.target 是一个关键属性，它表示最初触发事件的 DOM 元素。下面我将通过一个可视化示例详细解释其工作原理和使用场景。

修改event.target属性

05-26

在 JavaScript 中，可以使用以下方式修改 event 对象的 target 属性： ```javascript event.target = newTarget; ``` 其中，newTarget 是你想要设置的新的目标元素。请注意，修改 event.target 属性可能会导致事件...

IE event.srcElement和FF event.target 功能比较

09-05

`event.srcElement` 是Internet Explorer浏览器中的特有属性，而`event.target` 是W3C标准中定义的属性，适用于包括Firefox在内的其他现代浏览器。 `event.srcElement` 和 `event.target` 的主要作用是帮助开发者...

Vue中获取当前元素事件的event对象用法（二）——target-当前点击元素 & currentTarget-绑定事件元素 & 获取兄弟元素、子元素、父元素

weixin_44867717的博客

07-07

1万+

vue

js通过this和event获取元素的属性

qq_40308101的博客

07-11

1159

{{item}} function addValueNumber(ob) { let index = ob.selectedIndex; // 选中索引 let value = ob.options[index].value; //获取索引对应的

vue点击获取当前元素或其父元素的属性值

wangmj518的专栏

11-26

387

/获取当前元素父元素的属性。//获取当前元素的属性。

$event获取当前元素

shidouyu的专栏

01-11

924

<p @click="onClick">点击获取当前元素</p> 分两种： // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素

uniapp中获取元素的event属性

maliao5的博客

07-04

494

如果元素是死的，可以直接在生命周期中获取元素的属性，比如这个输入框是一直都有的（直接获取到）在接口请求的后面，再获取指定元素的属性,但要使用$nextTick。如果元素是接口请求回来渲染出来的，id就不能写死，要循环拼接。

vue中$event的用法——获取当前元素及相关元素

xiecheng1995的博客

07-25

3738

<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 # 获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML # 获得点击元素的第一个子元素 e.currentTarge

vue中$event的使用

m0_49515138的博客

01-09

1499

console.log(aoe.srcElement): 即方法中的参数 $event的srcElement属性 ↓↓↓。$event此时是获取的dom元素即 MouseEvent鼠标点击的这个按钮元素，(可理解为当前标签的属性)自定义组件（比如自定义父子组件或者elementui/iview组件）的$event。console.log(aoe): aoe即方法中的参数 $event ↓↓↓。代表的就是济南青岛这个选中的值，此时。html原生的$event。event就代表传参。

【实例】javascript中使用event.target获取触发该事件标签的相关数据而不是通过document