input输入框用jquery怎么写失去焦点事件


本文摘自PHP中文网,作者coldplay.xixi,侵删。

input输入框用jquery失去焦点事件的方法:首先设置input的id属性为testid;然后使用【ready()】方法在页面加载完成时,执行function函数;最后使用【blur()】方法给input对象绑定失去焦点事件。

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。

input输入框用jquery失去焦点事件的方法:

1、新建一个html文件,命名为test.html,用于讲解input输入框用jquery怎么写失去焦点事件

33a1087cd41adbce2b7a3945c14975e.png

2、在test.html文件内,在p标签内,使用input标签创建一个输入框。

128ae565eaabc0ca27a52f721f91167.png

3、在test.html文件内,设置input的id属性为testid,用于下面通过该id获得input对象。

bf3d7fe71792cb78d877d216746c2f4.png

4、在test.html文件内,在js标签内,使用ready()方法在页面加载完成时,执行function函数。

c47d728d72fbc56356aef05d1eb91e6.png

5、在function函数内,通过获得id(testid)获得input对象,使用blur()方法给input对象绑定失去焦点事件,当input输入框失去焦点时,执行function函数。如下图:

阅读剩余部分

相关阅读 >>

jQuery绑定事件有几种方式?

jQuery怎么获取第几个元素

jQuery addclass不起作用怎么办

innerhtml与jQuery里html()的区别是什么

jQuery中如何打开新的窗口

jQuery的$是什么意思

jQuery有哪些框架

jQuery on和bind的区别是什么

jQuery如何解除事件绑定?

jQuery如何清空input中的内容

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...