美文网首页
模态框关闭时使onblur事件失效

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

作者: 问瑾遗 | 来源:发表于2019-04-10 17:22 被阅读0次

    问题: 为了在离开输入框时进行验证提示,我在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事件失效

          本文链接:https://www.haomeiwen.com/subject/drjoiqtx.html