javascript - 移除 JavaScript 行为

Question

我需要删除我在 div 上设置的 JavaScript 行为。 首先，我设置了 CSS(这是一个简单的例子):

#redBloc {
  width: 100px;
  height: 50px;
  background-color: #ad3232;
}

#redBloc:hover {
  background-color: #3270ad;
}

好的，出于某些原因，我需要覆盖鼠标悬停在我的 div 上时的行为。

var redBloc = document.getElementById('redBloc');
redBloc.onmouseover = function() {
  this.style.backgroundColor = 'red';
};

它像我想要的那样工作。 但在我的流程后期，我需要重置 JavaScript 行为，以检索我的 CSS 文件中写入的行为。

我该怎么做？

谢谢

编辑

我不需要覆盖 onmouseleave 事件的行为，但稍后在我的代码中，例如通过按下“禁用行为”按钮。

@T.J.Crowder 的解决方案解决了这个问题。

谢谢大家!

Answer 1

我想你的意思是你想删除特定的背景颜色，以便 CSS 中的背景颜色可以再次显示出来(而不是“行为”)。

如果是这样，将 "" 分配给它:

theElement.style.backgroundColor = "";

---

如果您真的确实意味着行为并且您不想再触发鼠标悬停处理程序，因为您已经使用onmouseover 来分配它，您可以将其删除通过分配 null:

theElement.onmouseover = null;