gpt4 book ai didi

javascript - 如何在 javascript 中触发元素上的 onmouseover 事件?

转载 作者:行者123 更新时间:2023-11-30 10:06:11 25 4
gpt4 key购买 nike

<分区>

如标题所示,如何在 javascript 元素上触发 onmouseover 事件?请引用代码片段。我可以点击小黑框并执行 onmouseover 事件,而不是悬停在大框上吗?目标不是将框变成蓝色,而是触发 onmouseover 事件。而且我需要仅使用 JavaScript 来完成此操作,请不要使用 Jquery。

function showBlue() {
document.getElementById('xyz').style.background = "#425dff";
}
function showRed() {
document.getElementById('xyz').style.background = "#e2e2e2";
}
#abc{width: 50px; height: 50px; background: #000000; color:#ffffff; cursor: pointer;}
#xyz{width: 200px; height: 200px; background: #e2e2e2;}
<div id="abc"><a>click me</a></div>

</br>

<div id="xyz" onmouseover="showBlue()" onmouseout="showGrey()"></div>

我试过了,但对我不起作用:(

<script>
document.getElementById('abc').addEventListener("click", triggerFunction);

function triggerFunction() {
document.getElementById('xyz').mouseover();
}
</script>

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