模态框关闭时使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()');
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,326评论 0 5
  • 事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、...
    LouisJ阅读 649评论 0 0
  • _________________________________________________________...
    fastwe阅读 311评论 0 0
  • 变量命名、声明、赋值 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。2.变量名区分...
    wq04200阅读 646评论 0 1