gpt4 book ai didi

javascript - 将点击方法应用于外部 div 但不应用于内部 div

转载 作者:可可西里 更新时间:2023-11-01 02:14:37 28 4
gpt4 key购买 nike

<分区>

在此示例中,我希望在单击黑色外部 div 时触发警报,而不是在单击内部 div 内的任何内容时触发警报。

目前,当我点击内部按钮时,它会触发警报。

$("#outer").click(function() {
alert("triggered");
});
#outer{
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
#inner{
background-color: #fff;
width: 300px;
height: 300px;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="outer">

<div id="inner">
<button>inner button</button>
</div>
</div>

我不想在内部 div 中触发警报。我该怎么做?

(由于某些原因,代码片段中未显示内部按钮,这里是代码笔链接:https://codepen.io/GuerrillaCoder/pen/Pmvmqx)

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