マウスがshift / ctrl / meta キーと同時に押されたかを判定する
shifKeyプロパティ/ctrlKeyプロパティ/metaKeyプロパティ
shiftかctrlかmetaキーを押しながらクリックして見て下さい。
[ソースコード]
<div id="box">shiftかctrlかmetaキーを押しながらクリックして見て下さい。</div>
<script type="text/JavaScript">
window.addEventListener("load" , Start);
function Start(){
var box = document.getElementById('box');
box.addEventListener("click" , keyReport);
}
function keyReport(evt){
var report = "";
if(evt.shiftKey == true){
report = "あなたはshiftを押しましたね";
}else if(evt.ctrlKey == true){
report = "あなたはctrlを押しましたね";
}else if(evt.metaKey == true){
report = "あなたはmetaを押しましたね";
}
if(report == ""){
report = "あなたはshiftもctrlもmetaも押していませんね";
}
var box = document.getElementById('box');
box.firstChild.nodeValue = report;
}
</script>
インデックスにもどる