js里的blur事件，js中blur事件

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

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

在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。失去焦点：blur，blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象，示例：输入框失去点击焦点时，会在文本框后面提示“请输入11位手机号。。

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

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

如果使用javascript使元素失去焦点，那么就要使用blur()方法 blur()方法的作用是从元素中移走焦点。在调用blur()方法时，并不会把焦点转移到某个特定的元素上；仅仅是将焦点从调用这个方法的元素上面移走而已 焦点事件 焦点事件会在页面获得或失去焦点时触发。

相关问答

Q1: JavaScript中blur方法是什么意思?

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

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

3、你说的没错，blur本来的意思就是模糊。最开始的情况是这样的，在我们看一个电视镜头时，画面上有两个人，一远一近，如果远处的人在说话，我们将镜头位伸，焦点在远处的人身人，而近处的人就模糊了，而拉近时，近处的人会清晰，远处的人处于失焦的情况下就会模糊。

4、Onblur是一个事件，是JavaScript语言中的一种事件。当浏览器中的焦点从当前窗口中的某个HTML元素移开时，就会触发onblur事件。换句话说，onblur事件意味着用户已经把焦点移动到其他HTML元素上了。这个事件通常被用于验证用户输入，或者在用户输入完成后执行一些特定的操作。

5、JavaScript 语言中 onblur是一个HTML控件对应的事件，即“失去焦点”。意思是：当这个控件失去焦点时，执行onblur对应的程序。this.value 是指控件本身的value属性值，它的值等于formatNumber（）函数转换后的值。参数有4个。至于formatNumber（）函数有什么作用，要看开发人员是怎么定义这个函数的。

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

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

1、如果click事件比blur事件早触发就没有问题了，所以可以给blur事件加一个时间（延迟触发），如：setTimeout(fn， 250)； 添加mouseover，mouseout 。前者删除blur事件，后者添加回来。鼠标在click执行之前先执行了mouseover事件，删除blur就不会隐藏了，然后点击完成后，mouseout再把blur添加回来，就行了。

2、想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

3、因为click事件比blur事件晚执行，从而无法识别到是不是点击span按钮导致的blur。

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

5、尝试在各个浏览器下都运行了一下您的代码，发现您的代码在firefox可以完成双击变色过程，在别的浏览器下都无法正确展示。据推测您的用意是双击对象后，将对象背景色改变，然后再绑定新的事件，当onblur是执行背景再次变色，您的问题出在第二次的事件绑定上，您的语法不能有效为主对象进行事件定义。

6、事隔这么多年，今天遇到同样的问题，已解决。用一个隐藏Input，js进行赋值为1，写一个function检测，提交后才设置为0，同时触发两次虽然时间段，在前端还是可以判断如果等于1就不提交，等于0继续提交。

关于js里的blur事件和js中blur事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。