javascript - 动态更改 onmouseover 或 onmouseout 以调用不同的函数

Question

是否可以更改由现有的 onmouseover 或 onmouseout 事件调用的函数？对于以下示例，我是否有办法让 ChangeItemAEvent 将“ItemA”onmouseover 函数从 ChangeColor() 更改为 ChangeColorBack()？目前我需要声明一个全新的 function()，我觉得它并不优雅，因为我在重复代码，而我应该能够调用现有函数。

JavaScript:

function ChangeColor(elementid)
{
  document.getElementById(elementid).style.background = "Orange";
  document.getElementById(elementid).style.color = "Black";
}

function ChangeColorBack(elementid)
{
  document.getElementById(elementid).style.background = "Black";
  document.getElementById(elementid).style.color = "White";
}

function ChangeItemAEvent()
{
  document.getElementById("ItemA").onmouseover = function() {

    document.getElementById("ItemA").style.background = "Black";
  document.getElementById("ItemA").style.color = "White";

  };
}

html:

<span id="ItemA" onmouseover="ChangeColor(this.id)">
<button id="ButtonB" onclick="ChangeItemAEvent()">

Answer 1

试试这个

function ChangeItemAEvent()
{
    document.getElementById("ItemA").onmouseover = function() {ChangeColorBack(this.id)};
}