js怎么替换onblur方法

Question

拿到的input框自带一种onblur方法，但是我要改成自己的，通过outerHTML.replace好像实现不了，有没有大佬知道怎么解决？或者能告诉我大概为什么我这种写法不行吗？

Answer 1

获取对象，设置onblur方法。

document.getElementById("文本框id").onblur = function () {
    console.log("执行onblur方法");
}
 

如果input框自带的onblur方法是用jquery设置的，需要先移除再重新设置
$("#文本框id").off("blur").blur(function(event){
    console.log("执行onblur方法");
});

 

如果input框自带的onblur方法是用addEventListener设置的,需要

document.getElementById("文本框id").removeEventListener("blur", 自带的blur事件函数, false); 
document.getElementById("文本框id").addEventListener("blur", function (e) {
    console.log("执行onblur方法");
}, false);