Javascript 触发mouseover函数而不悬停，但单击另一个div

我想知道如何通过单击另一个

div

来触发

onmouseover

功能。我喜欢只使用JavaScript来完成。代码如下：

函数showBlue（）{
document.getElementById（'xyz'）.style.background=“#425dff”；
}
函数showRed（）{
document.getElementById（'xyz'）.style.background=“#b43700”；
}

#abc{
宽度：50px；
高度：50px；
背景：#000000；
颜色：#ffffff；
光标：指针；
}
#xyz{
宽度：200px；
高度：200px；
背景：#E2；
}

点击我

不要试图在元素上触发事件，只需像下面这样直接执行函数：

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

    function triggerFunction {
        showBlue();
    }
</script>

document.getElementById（'abc'）。addEventListener（'click'，triggerFunction）；
函数触发器函数{
showBlue（）；
}

@DylanDaicySiao你介意建立一个复制该问题的网站吗？我想知道的是在普通JavaScript中以编程方式触发onmouseover事件，而不是在函数中放置另一个函数。