PHP & JavaScript Room :: 設置サンプル

実行結果

画面上で、クリックまたは右クリックをしてみてください。 クリックイベント発生に応じたメッセージが、テキストボックスに表示されます。 IEでは正常に動作しますが、FireFoxで右クリックすると、 クリックイベントと右クリックイベントの両方が発生します。 そのため、クリック時、右クリック時で処理を分けるといったことはできません。

ソース

<script type="text/javascript">
    /* クリック(左クリック) */
    document.onclick = function(e){
        document.frm.elements[0].value="クリック!";
        return false;
    }
    /* 右クリック */
    document.oncontextmenu = function(e){
        document.frm.elements[0].value="右クリック!";
        return false; /* 'false' を返すと、右クリックメニューが非表示になります */
    }
</script>

<form action="#" name="frm">
    <p>
        画面上で、クリックまたは右クリックをしてみてください。
        クリックイベント発生に応じたメッセージが、テキストボックスに表示されます。
        IEでは正常に動作しますが、FireFoxで右クリックすると、
        クリックイベントと右クリックイベントの両方が発生します。
        そのため、クリック時、右クリック時で処理を分けるといったことはできません。
    </p>
    <p><input type='text' size="20" readonly="readonly" /></p>
</form>

polarized women