ctrlKeyプロパティ

ctrlKeyプロパティは、「Ctrl」キー(コントロールキー)を押した状態でキーボードイベントが発生したかどうかを示す論理値(ブール値、真偽値、真理値)を返すプロパティ。

構文

event.ctrlKey

戻り値

「Ctrl」キー(コントロールキー)を押した状態でキーボードイベントが発生したかどうかを示す論理値(ブール値、真偽値、真理値)を返す。

  • 「Ctrl」キー(コントロールキー)を押した状態でキーボードイベントが発生した場合、「true」を返す。
  • 「Ctrl」キー(コントロールキー)を押してない状態でキーボードイベントが発生した場合、「false」を返す。

サンプル

0

サンプルの動作について

  • テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値に1を加算する。
  • 「Ctrl」キー(コントロールキー)を押しながら、テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値から1を減算する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
window.onload = function () {
    document.getElementById( "sampleInput" ).onkeypress = function( $event ){
        sampleGetValue( $event );
    };
}
var $count = 0;
function sampleGetValue( $event ) {
    if( $event.ctrlKey == true ){
        document.getElementById( "sampleOutput" ).innerHTML = --$count;
    }else{
        document.getElementById( "sampleOutput" ).innerHTML = ++$count;
    }
}
</script>

HTML

<p>
    <input type="text" id="sampleInput" />
    <span id="sampleOutput" style="margin-left: 10px;">0</span>
</p>

スポンサード リンク

カテゴリー: DOM, JavaScript, イベント, キーボードイベントオブジェクト, プロパティ, リファレンス パーマリンク