に使用されます。ヒント: onfocus イベントの反対のイベントは、onblur イベントです。 構文HTML:<element onfocus="SomeJavaScriptCode">
JavaScript:object.onfocus=function(){SomeJavaScriptCode}JavaScript、addEventListener()メソッドを使用します:object.addEventListener("focus", myScript);onblur イベントが発生しますオブジェクトがフォーカスを失ったとき。 Onblur は、JavaScript 検証コードによく使用され、通常はフォーム入力ボックスで使用されます。 ヒント: onblur の反対のイベントは、onfocus イベントです。 構文HTML:<element onblur="SomeJavaScriptCode">
JavaScript:object.onblur=function(){SomeJavaScriptCode};例は次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
function Function(){
document.getElementById('tip').innerHTML='元素失去焦点了';
}
function myFunction(x){
document.getElementById('tip').innerHTML='元素获取焦点了';
}
</script>
</head>
<body>
判断焦点示例: <input type="text" onfocus="myFunction(this)" onblur="Function()">
<p id="tip" style="color:red;"></p>
</body>
</html>出力結果:
##関連する推奨事項:
JavaScript 学習チュートリアル
