新JavaScript入門  JavaScript,Neo-Generation  DOM  WSH  掲示板  表紙
13.Date  15.Text 
新JavaScript入門
14. Button
Buttonオブジェクトはいわゆるボタンです。 アクションを起こすために用いられる最も一般的なオブジェクトです。
Buttonオブジェクトの定義
Buttonオブジェクトは HTML文書の中で典型的に次のように定義します。
    <INPUT TYPE="button" NAME="string"
            VALUE="string" ONCLICK="expression">
 
nameプロパティ
Buttonオブジェクトの名前を表わします。 オブジェクトを指定するときに用います(すぐ下に例)。
valueプロパティ
ボタンのラベルを表わします。例えば次のように用います。
    function star(obj) {
        var label = obj.value;   //ボタンのラベル
        var pos = label.indexOf("☆");
        if(pos == -1)            //★★★のとき
            obj.value = "☆☆☆";
        else
            obj.value = label.substring(0, pos)
                    + "★" + label.substring(pos + 1);
    }
    
    <INPUT TYPE="button" VALUE="☆☆☆" ONCLICK="star(this)">
 
formプロパティ
そのボタンを含むフォームを表わします。
clickメソッド
そのボタンをクリックしたときと同等の処理をします。 onClickイベントが起きるかどうかは分かりません。
    function test2() {
        //抜けたいときはCancelボタンを押す
        if(confirm("ぶたまんはおいしいよ"))
            //OKボタンならスクリプトがボタンを押す
            setTimeout("document.form2.button1.click()", 1000);
    }
    
    <INPUT TYPE="button" VALUE="押してね☆" ONCLICK="test2()">
 
上のボタンを押すと小さなウィンドウが出て、 OKボタンを押すとスクリプトで上のボタンが押されて、繰り返しになります。
focusメソッド
そのボタンにフォーカスを移します。
blurメソッド
そのボタンからフォーカスを外します。
onClickイベントハンドラ
そのボタンをクリックしたときに実行されます。 例はこちら

onFocusイベントハンドラ
そのボタンがフォーカスされたときに実行されます。
onBlurイベントハンドラ
そのボタンがフォーカスが失われたときに実行されます。
Written 12/10/97
Modified 5/25/03
first, prev, next, exit