gpt4 book ai didi

javascript - 当里面有按钮时使div背景可点击

转载 作者:行者123 更新时间:2023-11-30 11:21:02 31 4
gpt4 key购买 nike

<分区>

我有一个内部有按钮的 div,我想为两者创建单独的点击事件,但是当点击按钮时,它会触发按钮事件和容器事件。有人可以帮我吗。我没有使用 jQuery。

var button = document.querySelector('button');
button.addEventListener('click', function(){
alert('button clicked');
})
var container = document.querySelector('.container');
container.addEventListener('click', function(){
alert('container clicked');
})
.container{
width:300px;
height:300px;
border:1px solid;
position:relative;
z-index:1;
}
button{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
z-index:2;
}
<div class="container">
<button>click</button>
</div>

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com