構文
 
　 document. Formオブジェクト名.オブジェクト名.focus()
総合 インデックス
メソッド
FirefoxIE

説明

  • フォームにフォーカスを与えるメソッド。

用例

ボタン・フォームをクリックすると，それに合わせて各フォームにフォーカスが移動する。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>focus</title>
<script type="text/javascript">
<!--
function B_Change() { document.FORM.BUTTON.focus() }
function CB_Change() { document.FORM.CHECBOX.focus() }
function RB_Change() { document.FORM.RADIO.focus() }
function C_Change() { document.FORM.TEXT.focus() }
function R_Change() { document.FORM.TEXTAREA.focus() }
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*フォームにフォーカスを与える
<p>
<form name="FORM">
    <input type="button" name="BUTTON" value="Button"><br>
    <input type="checkbox" name="CHECBOX" value="CheckBox">
CheckBox<br>
    <input type="radio" name="RADIO" value="RadioButton">
RadioButton<br>
    <input type="text" name="TEXT" value="TextBox" size=10 focus><br>
    <textarea name="TEXTAREA" rows=3 cols=20 >TextArea</textarea><br>
</form>
</p>
<hr>
<form>
    <input type="button" value=" ボタンに
フォーカスを与える " onClick="B_Change()">
    <br>
    <input type="button" value=" チェックボックスに
フォーカスを与える " onClick="CB_Change()">
    <br>
    <input type="button" value=" ラジオボタンに
フォーカスを与える " onClick="RB_Change()">
    <br>
    <input type="button" value=" テキスト入力フォームに
フォーカスを与える " onClick="C_Change()">
    <br>
    <input type="button" value=" テキストエリアに
フォーカスを与える " onClick="R_Change()">
</form>
</body></html>

この用例を実行する