jQuery：フォーカスイベントの使い方の詳細説明-jsチュートリアル-php.cn

jQuery：フォーカスイベントの使い方の詳細説明

黄舟

リリース： 2017-06-27 11:30:11

オリジナル

1846 人が閲覧しました

この記事では主にjQueryでのフォーカスイベントの使い方を紹介し、フォーカスを取得する際のフォーカスイベントの使い方スキルをサンプル形式で分析していますので、必要な方は参考にしてください

この記事ではフォーカスについて説明します。 jQuery のイベントと使用例。皆さんの参考に共有してください。具体的な分析は次のとおりです:

focus イベントは、要素がフォーカスを取得するか、focus() メソッドを呼び出すとトリガーされます。

完全なイベントプロセスには、イベントをトリガーできる条件だけでなく、イベント処理プログラムも必要です。
focus() メソッドを通じてイベントハンドラーをフォーカスイベントにバインドできます。例:

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

ログイン後にコピー

上記のコードは、focus() メソッドを通じて、functionfunction をイベントハンドラーとして 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 イベントハンドラーを登録し、フォーカスを取得したときにテキストボックスの背景色を設定できます。

以上がjQuery：フォーカスイベントの使い方の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。