jquery获取焦点和失去焦点事件,jquery获取焦点和失去焦点
本教程运行环境：windows7系统，jQuery 1 . 10 . 2版，Dell G3电脑。
如果在前端网站中有一些允许用户填写内容的表单元素，我们可以使用JQ中的获得焦点事件和失去焦点事件来给用户一些提示。今天，我们来谈谈如何使用JQuery下获得焦点和失去焦点的事件。
jquery focus()获得焦点事件
focus()方法：当您用鼠标单击选定的元素或按tab键导航到该元素时，该元素将获得焦点。
语法：
$(选择器)。焦点()副本
示例：当获得焦点时，更改输入输入框的边框颜色。
示例代码：
输入类型=text name= id=mochu
脚本
$(#mochu )。focus(function(){
$(这个)。css(border-color ， red )；
});
/脚本副本
当鼠标移动到输入中并单击时，输入元素将变成以下形式
qfocus()事件将在输入中添加一个CSS样式。
input type= text name= id= mochu style= border-color:red；复制
jquery blur()失去焦点事件
blur()方法：当元素失去焦点时发生blur事件。
语法：
$(选择器)。模糊()复制
示例：输入失去焦点后，输入框的内容会弹出。
示例代码：
输入类型=text name= id=mochu
脚本
$(#mochu )。blur(function(){
alert($(这个)。val())；
});
/脚本副本
运行结果如图所示：
利用jq blur()失去焦点事件来验证用户输入的内容
jQuery中的Blur()失去焦点事件，可以用来检查用户在输入框中的输入是否合法。例如，如果用户输入少于五个字符，下面的代码会给出提示。
示例代码：
输入类型=text name= id=mochu
脚本
$(#mochu )。blur(function(){
如果($(这个)。val()。长度5){
alert(‘字数太少，多输入’)；
}
});
/脚本相关教程推荐：jquery视频教程以上是jQuery如何获得和失去焦点的细节。请多关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。