jQuery中如何让input框失去焦点

lxf2023-03-18 09:40:02

jQuery中让input框失去焦点的办法:1、运用“$("input原素")”句子来获得input原素目标;2、运用blur()方式让input原素目标失去焦点就可以,词法为“原素目标.blur()”。

jQuery中如何让input框失去焦点

实例教程作业环境:windows7系统软件、jquery3.2.1版本号、Dell G3计算机。

jQuery中如何让input框失去焦点

在jquery中,根据得到input目标,应用blur()方式便可完成失去焦点,触发事件。下边举例说明解读input文本框用jquery要怎么写失去焦点事件。

1、新创建一个html文档,被命名为test.html,用以解读input文本框用jquery要怎么写失去焦点事件。在p标识内,应用input标识创建一个文本框。设定input的id特性为testid,用以下边通过该id得到input目标。在js标识内,应用ready()方式在页面加载结束时,实行function函数。

jQuery中如何让input框失去焦点

2、在function函数内,根据得到id(testid)得到input目标,应用blur()方式给input目标关联失去焦点事件,当input文本框失去焦点时,实行function函数。

在js标识中,为了能认证失去焦点事件,在function函数,应用alert()方式键入提醒“input失去焦点了”。

jQuery中如何让input框失去焦点

浏览器输入test.html文档,查询完成效果。

jQuery中如何让input框失去焦点

汇总:

1、创建一个test.html文档。

2、在文档内,在p标识内,应用input标识创建一个文本框,设定input的id特性为testid。

3、在js标识内,应用ready()方式在页面加载结束时,实行function函数,在function函数内,根据得到id(testid)得到input目标,应用blur()方式给input目标关联失去焦点事件。

常见问题:

当原素失去焦点后发生 blur 事情。

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jQuery中如何让input框失去焦点的具体内容,大量欢迎关注AdminJS其他类似文章!