js事件blur，JS事件循环

JavaScript中blur方法是什么意思?

① 与focus相反的事件，就是失去焦点blur；②onfocus获得焦点（鼠标光标定位）与onblur（鼠标光标离开）。

blur是失去焦点的意思。失去焦点就是指当前焦点不在元素上面，也就是当前默认的输入响应元素不是当前元素。blur一般用在input元素当中，在元素失去焦点的时候触发事件。

Onblur是一个事件，是JavaScript语言中的一种事件。当浏览器中的焦点从当前窗口中的某个HTML元素移开时，就会触发onblur事件。换句话说，onblur事件意味着用户已经把焦点移动到其他HTML元素上了。

JavaScript 语言中 onblur是一个HTML控件对应的事件，即“失去焦点”。意思是：当这个控件失去焦点时，执行onblur对应的程序。this.value 是指控件本身的value属性值，它的值等于formatNumber（）函数转换后的值。参数有4个。

onblur是输入焦点失去触发，onchange是内容发生改变并且失去焦点触发。

对应大前端开发的当中就是两个JavaScript事件就是onfocus和onblur事件，onfocus 事件在对象获得焦点时发生，onblur 事件会在对象失去焦点时发生。

相关问答

Q1: js/jquery如何让文本框获取焦点和失去焦点

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。其次，在index.html中的标签，输入jquery代码：$(input).focus()；。浏览器运行index.html页面，此时用jquery成功获取了input输入框的焦点。

2、})；JQuery文本框获得焦点背景颜色改变：先使用jQuery选择器找到所有的文本框。为文本框注册获得焦点事件，即focus事件。在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。注册失去焦点事件，即blur事件。

3、获取焦点：focus，当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。

4、{ this.value = this.getAttribute(placeholder)； } input.blur()； }；} html5中提供了placeholder属性来做这个事情，所以我们可以先考虑使用浏览器提供的方法。如果不支持这个属性，那么用js来实现。

5、失去焦点：blur，blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象，示例：输入框失去点击焦点时，会在文本框后面提示“请输入11位手机号。。

6、用jquery onmouseover 的一系列事件应该可以处理。

Q2: this.blur()怎么用?

blur() 是触发焦点离开事件。比如说一个文本框，当输入完后，直接离开焦点。这个一般都是js去做，这个方法在项目中几乎不怎么用。

当我们点击超链接的时候，周围就会出现难看的虚线框，这大大影响了网页的整体美。其实虚线框表示超链获得了焦点，要去掉它也很简单，只要在超链标签中加上一句onFocus=if(this.blur)this.blur()就可以了。

方法三：在对象focus时立刻让它blur，使它无法获得焦点。Html代码 提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。

我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。

可以用这个方法：onfocus=this.blur() 举个完整的例子： 说明：disabled=true 此时文字会变成灰色，不可编辑。

Q3: js中blur和click事件的冲突

1、如果click事件比blur事件早触发就没有问题了，所以可以给blur事件加一个时间（延迟触发），如：setTimeout(fn， 250)； 添加mouseover，mouseout 。前者删除blur事件，后者添加回来。

2、在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

3、第一个问题出在，onblur事件一直绑定着，因此只要你在输入框之外任何位置点击都会导致事件执行，就算你在searchbutton点击之后使输入框获得了焦点，可是事件代码已经执行了，所以到了时间就隐藏了。

4、按回车之所以会再次创建是因为，你点击按钮的时候把焦点也弄到按钮上了，如果只是希望不安回车。那么用blur()事件，把焦点失去就可以了，或者focus()到另一个按钮上。

5、点击提交按钮时，一般先触发click事件，然后再触发submit事件。 这点倒是没什么好纠结的，click是在元素界面上的事件，submit属于表单控件上的事件。

Q4: js或者jQuery怎么给未来元素添加blur事件

1、使用事件委托 .live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。

2、用JQuery.js库的live()方法，为这些动态添加的input绑定onblur()事件就可以了。

3、一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

Q5: ...用原生的js让jsp界面中所有的input框中onblur事件都执行一次?已知的...

1、第一个问题出在，onblur事件一直绑定着，因此只要你在输入框之外任何位置点击都会导致事件执行，就算你在searchbutton点击之后使输入框获得了焦点，可是事件代码已经执行了，所以到了时间就隐藏了。

2、只要在form表单里加一个button type=button提交/buton或者input type=button value=提交按钮就可以了。千万不要用type=submit，如果是这个属性，用户一按回车，就会自动提交了。

3、input value=填写您的昵称 onfocus=cls()onblur=res() input value=填写您的生日(1900-01-01)onfocus=cls() onblur=res() 注意：本例的方法对大部分表单控件都有效，比如多行文本框。

4、JSP中能监听到的事件都可以引发页面跳转，以下是各种监听事件及意义：onCLick：监听鼠标单击事件。onChange：监听文本内容或下拉菜单中的选项发生改变。onFocus ：监听获得焦点，例如文本框获得鼠标光标。

js事件blur的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于JS事件循环、js事件blur的信息别忘了在本站进行查找喔。