Rumah > Artikel > hujung hadapan web > jQuery ：focus事件的使用详解

jQuery ：focus事件的使用详解

黄舟asal: 2017-06-27 11:30:111817semak imbas

这篇文章主要介绍了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.jb51.net/" /> 
<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事件处理函数，当获得焦点的时候能够设置文本框的背景色。

Atas ialah kandungan terperinci jQuery ：focus事件的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery使用ajax中error函数及参数详解Artikel seterusnya：jQuery.focus()函数的使用详解

Artikel berkaitan

Lihat lagi