shiftKeyプロパティは、「Shift」キー(シフトキー)を押した状態でキーボードイベントが発生したかどうかを示す論理値(ブール値、真偽値、真理値)を返すプロパティ。
構文
event.shiftKey
戻り値
「Shift」キー(シフトキー)を押した状態でキーボードイベントが発生したかどうかを示す論理値(ブール値、真偽値、真理値)を返す。
- 「Shift」キー(シフトキー)を押した状態でキーボードイベントが発生した場合、「true」を返す。
- 「Shift」キー(シフトキー)を押してない状態でキーボードイベントが発生した場合、「false」を返す。
サンプル
0
サンプルの動作について
- テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値に1を加算する。
- 「Shift」キー(シフトキー)を押しながら、テキスト入力欄にキーボードのキーを押して入力すると、入力欄の右横の数値から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.shiftKey == 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.shiftKey == 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>