首页 / JQUERY / jQuery：focus事件的使用详解

jQuery：focus事件的使用详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery：focus事件的使用详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1281字，纯文字阅读大概需要2分钟。

内容图文

这篇文章主要介绍了jQuery中focus事件用法,以实例形式分析了获取焦点时focus事件的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中focus事件用法。分享给大家供大家参考。具体分析如下：

当元素获得焦点或者调用focus()方法时候会触发focus事件。

一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。
可以通过focus()方法为focus事件绑定事件处理程序。例如：

$("input").focus(function(){$(this).css("backgroundColor","red")})

以上代码就是将function函数作为事件处理程序通过focus()方法绑定到focus事件。当触发focus事件的时候，就会调此函数。
实例代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.gxlcms.com/" /> 
<title>focus事件-脚本之家</title> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("input").focus(function(){
    $(this).css("backgroundColor","red")
  }) 
})  
</script> 
</head> 
<body> 
<p> 
<ul> 
  <li>用户名:<input type="text" name="username" /></li> 
  <li>密码:<input type="password" name="userpassword" /></li> 
</ul> 
</p> 
</body> 
</html>

以上代码可以为input元素注册focus事件处理函数，当获得焦点的时候能够设置文本框的背景色。

以上就是jQuery ：focus事件的使用详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jQuery：focus事件的使用详解全部内容，希望文章能够帮你解决jQuery：focus事件的使用详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300385.html

来源：【匿名】