）我有一個(gè)用于更改網(wǎng)站上按鈕的 CSS 類的代碼：window.onload = function(){ var button = document.getElementById("button"); button.addEventListener("mouseenter", function(){ button.classList.add("buttonclass1"); }); button.addEventListener("mouseleave", function(){ button.classList.add("bnative1"); })}I want to make like this: if(mouseenter){ button.addEventListener("mouseenter", function(){ button.classList.add("buttonclass1"); });}else{ button.addEventListener("mouseleave", function(){ button.classList.add("bnative1");}但這不起作用，通過(guò)改變這個(gè)類我想實(shí)現(xiàn)改變顏色。當(dāng)鼠標(biāo)放在按鈕上時(shí)，它會(huì)發(fā)生變化，但當(dāng)鼠標(biāo)離開(kāi)按鈕時(shí)，它不會(huì)變回來(lái)。我該如何使用JS來(lái)實(shí)現(xiàn)呢？
2 回答
狐的傳說(shuō)
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊
你忘了在休假時(shí)切換開(kāi)關(guān)...
window.onload = function(){
var button = document.getElementById("button");
button.addEventListener("mouseenter", function(){
button.classList.remove("bnative1");
button.classList.add("buttonclass1");
});
button.addEventListener("mouseleave", function(){
button.classList.remove("buttonclass1");
button.classList.add("bnative1");
})
}
桃花長(zhǎng)相依
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊
或者，如果您想要的只是添加顏色，則可以使用純 css 來(lái)完成此操作。
.hover-bg-blue:hover {
background-color: blue;
color: white;
}
<button class="hover-bg-blue">Hello</button>
- 2 回答
- 0 關(guān)注
- 175 瀏覽
添加回答
舉報(bào)
0/150
提交
取消