ctrlKeyプロパティは、「Ctrl」キー（コントロールキー）を押した状態でキーボードイベントが発生したかどうかを示す論理値（ブール値、真偽値、真理値）を返すプロパティ。
構文
event.ctrlKey
戻り値
「Ctrl」キー（コントロールキー）を押した状態でキーボードイベントが発生したかどうかを示す論理値（ブール値、真偽値、真理値）を返す。
- 「Ctrl」キー（コントロールキー）を押した状態でキーボードイベントが発生した場合、「true」を返す。
- 「Ctrl」キー（コントロールキー）を押してない状態でキーボードイベントが発生した場合、「false」を返す。
サンプル
0
サンプルの動作について
- テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値に１を加算する。
- 「Ctrl」キー（コントロールキー）を押しながら、テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値から１を減算する。
サンプルのソースコード
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>
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>
<input type="text" id="sampleInput" />
<span id="sampleOutput" style="margin-left: 10px;">0</span>
</p>