gpt4 book ai didi

javascript - onclick 在第一次点击时不触发

转载 作者:行者123 更新时间:2023-11-28 14:52:51 25 4
gpt4 key购买 nike

注意:关于此主题有一些类似的问题和答案,但它们似乎都适用于更复杂的问题和问题。这个很简单。

我第一次单击按钮时,JavaScript 函数不会触发。在第二次单击和此后的每次单击时,它都会按预期工作。我确信我错过了一些简单的东西,但我无法发现问题。

function changeStyle() {		

var a = document.getElementsByClassName('container')[1];

if (a.style.backgroundColor === 'blue') {
a.style.backgroundColor = 'red';
} else {
a.style.backgroundColor = 'blue';
}

}
.container {
display: block;
height: 100px;
background-color: blue;
border-bottom: 1px solid black;
cursor: pointer;
}
<div class="container" onclick="changeStyle()"></div>
<div class="container"></div>

最佳答案

由于第一次单击时有 style.background='',因此即使事件正在触发,它仍然保持蓝色。这是解决该问题的一种方法。

function changeStyle() {		

var a = document.getElementsByClassName('container')[1];
if (a.style.backgroundColor === 'blue' || a.style.backgroundColor === '') {
a.style.backgroundColor = 'red';
} else {
a.style.backgroundColor = 'blue';
}

}
.container {
display: block;
height: 100px;
background-color: blue;
border-bottom: 1px solid black;
cursor: pointer;
}
<div class="container" onclick="changeStyle()"></div>
<div class="container"></div>

关于javascript - onclick 在第一次点击时不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43920758/

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