模态框关闭时使onblur事件失效

问题: 为了在离开输入框时进行验证提示,我在input中添加了onblur事件,但是当我光标处在input中,此时点击关闭当前模态框,就会先触发input的onblur事件;
原因: 失焦事件总是优先其它事件先触发
解决方法:
方法1、通过给失焦事件设置延迟触发。
方法2、找一个优先于onblur事件的事件,比如:onmousedown
方法2关键代码如下

关闭按钮id为closeM
模态框id为myModal
//在关闭模态框时使onblur事件失效
$("#closeM").mousedown(function(){
  $("获取input输入框").removeAttribute('onblur');
});
//在打开模态框时使onblur事件生效
$('#myModal').on('show.bs.modal', function (e) {
  $("获取input输入框").setAttribute('onblur','checkNickname()');
})

你可能感兴趣的:(模态框关闭时使onblur事件失效)