javascript - 使用 jQuery 删除 HTML onchange 代码

Question

下面的代码片段在输入文本上具有HTML onchange 属性以及jQuery 的更改事件。我只希望 jQuery 的更改事件 有效。我尝试同时使用 unbind和 off没有运气。

有人可以帮忙吗？

$(document).ready(function(){
  $("#testInput").unbind("change").bind("change",function(){
    console.log("jQuery change");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="testInput" type="text" onchange="console.log('change');"/>

Answer 1

如果要删除“以前的”onchange 事件，请使用 $("#testInput").removeAttr("onchange")

$(document).ready(function() {
  $("#testInput").removeAttr("onchange")
  $("#testInput").unbind("change").bind("change", function() {
    console.log("jQuery change");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="testInput" type="text" onchange="console.log('change');" />