、、
、<q>、<samp>、<select>、<small>、<span>、<samp> Strong>、<sub>、<sup>、<table>、<tbody>、<td>、<textarea>、<tfoot>、<th>、<thead>、<t tr>、<tt>、<ul>、<var><br><p>このイベントをサポートする JavaScript オブジェクト: </p>
<p>button、checkbox、fileUpload、layer、frame、password 、ラジオ、リセット、送信、テキスト、テキストエリア、ウィンドウ<br></p>
<p>例:</p><pre class="brush:js;toolbar:false"><html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
Enter your name: <input type="text" id="fname" onblur="upperCase()"><br />
Enter your age: <input type="text" id="age" onblur="alert(this.id)">
</body>
</html>
フォーカスが失われると、ポップアップ ウィンドウが表示されます:
2、blur() メソッドの使用##blur イベントは、要素がフォーカスを失ったときに発生します。
blur() 関数はブラー イベントをトリガーします。関数パラメータが設定されている場合、この関数はブラー イベントの発生時に実行されるコードを指定することもできます。
文法:
$(selector).blur(function)
例
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
[推奨学習:
JavaScript 上級チュートリアル]