DOM对象 target属性

最新推荐文章于 2023-07-06 14:59:25 发布

benben0729

最新推荐文章于 2023-07-06 14:59:25 发布

阅读量832

点赞数

文章标签： target 目标节点

本文链接：https://blog.csdn.net/benben0729/article/details/82320124

版权

javascript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

target属性返回的是事件的目标节点

结合事件捕获去理解

事件捕获我们知道是document -》 <html> -》<body> -》<div>这么顺序捕获的

<ul>
<li>go beijing</li>
<li>go shanghai</li>
<li>go shenzhen</li>
</ul>

我们不必为每个li去绑定事件，只需为ul绑定事件即可

　$("ul").on("mouseover",function(e){
    $(e.target).css("background-color","#ddd").siblings().css("background-color","white");
 })
/*
 document.getElementById("button").addEventListener("click",function(event){
            alert("button");
            event.stopPropagation();    
        },false);

*/