js鼠标失去焦点弹出框

JavaScript014

js鼠标失去焦点弹出框,第1张

js鼠标失去焦点弹出框操作如下：

1、鼠标不选中输入框。

2、输入框中无光标闪烁时，设置信息提示框不显示。

3、将display设置成none即可。

1、先新建一个html文件，命名为test.html。

2、在test.html文件内，使用input标签创建一个输入框，并设置其value属性值为“默认值”。

3、在test.html文件内，设置input标签的id为myinput，主要用于下面通过该id获得input对象。

4、在test.html文件内，给input标签绑定失去焦点事件onblur，当失去焦点时，执行lost()函数；给input标签绑定获得焦点事件onfocus，当获得焦点时，执行getfoucs()函数。

5、在js标签内，创建lost()函数，在函数内，通过getElementById（）方法获得input对象，使用value获得input的值，通过if判断，如果value值为空时，设置input的默认值为“默认值”。

6、在js标签内，创建getfoucs()函数，在函数内，通过getElementById（）方法获得input对象，使用value获得input的值，通过if判断，如果value值等于“默认值”，设置input的默认值为空。

7、最后在浏览器打开test.html文件，查看实现的效果。

可以。基于JS的事件冒泡机制从内到外，可以以JS事件委托的方式，在父元素上给子元素绑定事件，从而减少代码的复杂度。js失焦是指在JavaScript中，失去焦点事件是blur()事件。