JavaScript——onblur事件失效问题解决方案

基本概念

问题分析

改了写法，把事件写在函数里，然后直接调用，发现一直提示函数未定义，这个和浏览器渲染页面过程有关，就是当浏览器渲染到该标签时，事件函数还没定义，就报错。

解决方案

添加监听事件即可

input.addEventListener('blur',function(){我是一个函数啦啦啦！});

如果要兼容ie8要用 attachEvent

参考文章

https://www.w3school.com.cn/jsref/event_onblur.asp

https://www.cnblogs.com/shuen/p/9113103.html

https://www.cnblogs.com/binmo/p/8393578.html

JavaScript——onblur事件失效问题解决方案相关推荐

html5 自动失去焦点,JavaScript onblur 事件：页面元素失去焦点
JavaScript onblur 事件页面元素失去焦点时会触发 onblur 事件. 下面的例子验证用户输入的内容是否符合要求的11位手机号码: function checkMobile(inpu ...
html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效原因与解决方法
由于JavaScript事件有很多,例如: 鼠标事件:onclick 键盘事件:onkeydown.onkeypress 表单事件:onblur.onchange 窗口事件属性:onerror.onl ...
【EasyUI】关于EasyUI中numberbox onblur事件失效的问题
easyui-numberbox 与 easyui-validatebox 参考以下: easyui-numberbox不像easyui-validatebox那样能绑定blur事件,最简单的解决方法 ...
onblur事件和onfocus事件失效
先看onblur事件和onfocus事件的定义: <element οnblur="SomeJavaScriptCode"> <element οnfοcus=& ...
关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题
经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...
input onblur事件在chrome/safari中失效
解决方案:chrome/safari中的input onblur事件要先调用focus()的.示例: <script type="text/javascript" src=& ...
Jsp中onBlur事件在引入jqury后提示函数失效
Jsp中onBlur事件在引入jqury后提示函数失效 onBlur事件 onblur 事件会在对象失去焦点时发生. 语法 οnblur="SomeJavaScriptCode" ...
javascript 中的onblur 事件
最开始的情况是这样的,在我们看一个电视镜头时,画面上有两个人,一远一近,如果远处的人在说话,我们将镜头位伸,焦点在远处的人身人,而近处的人就模糊了,而拉近时,近处的人会清晰,远处的人处于失焦的情况下就 ...
JavaScript使用事件onclick导致css样式失效问题
问题:JavaScript使用事件onclick导致css样式失效首先,我们用以下代码得到的是一个样式没有失效的红色"超链接",如下图1 代码1: <!DOCTYPE ht ...
javascript重要事件总结(onsubmit/onclick/onload/onfocus/onblur/onmouseover/onmouseout)
javascript重要事件总结(onsubmit/onclick/onload/onfocus/onblur/onmouseover/onmouseout) onfocus/onblur:聚焦离焦事 ...