ホームページ > 記事 > ウェブフロントエンド > JavaScriptのフォーカスとは何ですか
JavaScriptのフォーカスとは何ですか
- 青灯夜游オリジナル
- 2021-10-25 15:54:092339ブラウズ
JavaScript では、フォーカスは関心のある領域、つまり現在カーソルがアクティブになっている位置です。ページ画面内で点滅する小さな縦線は、Web ページ上のコントロールが選択されていることを示しますフォーカスを取得する場合は focus() メソッド、フォーカスを解除する場合は Blur() メソッドを通じて操作できます。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript におけるフォーカスとは何ですか?
JavaScript では、フォーカスは関心のある領域、つまり現在カーソルがアクティブになっている位置であり、ページ画面内で点滅する小さな縦線は、特定のことを示します。 Web ページ上のコントロールが選択されていると、操作される可能性があります。マウスをクリックしてカーソルを取得し、Tab キーで設定された Tabindex に従ってフォーカスを切り替えることができます。
たとえば、テキスト ボックスがフォーカスを取得した場合、キーボードで入力した文字はテキスト ボックスに直接入力されます。または、ドロップダウン リスト ボックスがフォーカスを取得した場合は、下矢印を押します。キーボードを押すとリストが作成されます。このプログラムには、フォーカスを獲得したときに発生するイベント (gotfocus())、フォーカスが失われたときに発生するイベント (lostfocus())、およびコントロールのフォーカスを設定するメソッド (setfocus()) もあります。フォーカスをうまく活用すると、プログラムを非常に使いやすく見せることができます。
フォーカスを取得し、アクティビティ インターフェイスやビジュアル コントロールなどを含む領域に影響を与えることができ、その領域がアクション (スクロールやアニメーションなど) を自動的に実行したり、特定の論理イベントが発生したりできるようにします。 、クリックイベントを手動で実行してフォーカスエリアを操作することもできます。この領域 (アクティビティ インターフェイス、コントロールなど) に何らかの機能と応答があるかどうかは、フォーカスを取得したかどうかによって決まります。
JavaScript がフォーカスを取得およびフォーカスを削除するためのメソッド:
JavaScript は focus() メソッドを通じてフォーカスを取得し、blur() メソッドを通じてフォーカスを削除できます。
フォーカスの取得:
focus() メソッドは、チェックボックスにフォーカスを与えるために使用されます。
構文:
checkboxObject.focus()
フォーカスの喪失:
blur() メソッドは、ラジオ ボタンからフォーカスを削除するために使用されます。
構文;
radioObject.blur()
例:
次の例では、ラジオ ボタンのフォーカスを設定または削除します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function setFocus() {
document.getElementById('check1').focus()
}
function loseFocus() {
document.getElementById('check1').blur()
}
</script>
</head>
<body>
<form>
<input type="text" id="check1" />
<br /><br />
<input type="button" onclick="setFocus()" value="获取焦点" />
<input type="button" onclick="loseFocus()" value="移开焦点" />
</form>
</body>
</html>Rendering :
[推奨学習: JavaScript 上級チュートリアル]
以上がJavaScriptのフォーカスとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。