javascript - 鼠标悬停时已删除但无法恢复

Question

嘿，我认为这是一个简单的问题。有 3 个 div，尝试删除并添加回“body_flex”div 的 OnMouseOver。我在这里缺少什么？

function contact_open() {
        $("#body_flex_wrapper_id").removeAttr('onmouseover')
}
function contact_close() {
        $("#body_flex_wrapper_id").attr('onmouseover');     
}

Answer 1

您可以使用 attr 和 removeAttr 进行切换

$(function(){
  $("#btnToggle").click(function(){
     if ($("#div1").attr("onmouseover")){
          $("#div1").removeAttr("onmouseover");
     }
     else{
        $("#div1").attr("onmouseover", "overx();");
     }
  })

})

function overx(e){
   console.log($("#div1").text());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button id="btnToggle">Toggle</button>

<div id="div1" onmouseover="overx();">
  <span>sample div</span>
</div>