onclickハンドラでは、シフトが押されたかどうかをどのように検出できますか？

通常のクリックでは1つの操作を行い、シフトクリックでは別の操作を行うonclickハンドラを作成するにはどうすればよいですか？onclickハンドラでは、シフトが押されたかどうかをどのように検出できますか？

2009-04-06 mike

clickイベントのshiftKeyプロパティを見ることができます。

window.addEventListener("click", 
 
    function(e) { 
 
    if (e.shiftKey) console.log("Shift, yay!"); 
 
    }, 
 
    false);

<p>Click in here somewhere, then shift-click.</p>

出典

2009-04-06 21:26:07 AKX

DOMから発射されたイベントは、shiftKey（または同等）を含有するべきイベントが発生したときに、シフトキーの状態を示すプロパティ。例えば、を参照されたい。例としてhttps://developer.mozilla.org/en/DOM/event.shiftKey。

YUI、Prototype、jQueryなどのJavaScript/DOMラッピングライブラリを使用している場合は、実装上の相違は問題にならないはずです。

出典

2009-04-06 21:29:18 Rob

関数のパラメータとしてeventを渡す必要があります。他のパラメータも渡すことができます。

<html> 
<head> 
    <script type="text/javascript"> 
     function doSomething(event, chkbox) 
     { 
      if (event.shiftKey) 
       alert('Shift key was pressed while picking ' + chkbox.value); 
      else 
       alert('You picked ' + chkbox.value); 
     } 
    </script> 
</head> 
<body> 
    <h3>Pick a Color</h3> 
    <input type="radio" name="myColors" onclick="doSomething(event, this)" value="Red" /> Red<br/> 
    <input type="radio" name="myColors" onclick="doSomething(event, this)" value="Green" /> Green<br/> 
    <input type="radio" name="myColors" onclick="doSomething(event, this)" value="Blue" /> Blue<br/> 
</body> 
</html>

出典

2013-08-06 14:26:44 Ryan

onclickハンドラでは、シフトが押されたかどうかをどのように検出できますか？

答えて

関連する問題