通常のクリックでは1つの操作を行い、シフトクリックでは別の操作を行うonclickハンドラを作成するにはどうすればよいですか?onclickハンドラでは、シフトが押されたかどうかをどのように検出できますか?
17
A
答えて
39
clickイベントのshiftKeyプロパティを見ることができます。
window.addEventListener("click",
function(e) {
if (e.shiftKey) console.log("Shift, yay!");
},
false);
<p>Click in here somewhere, then shift-click.</p>
2
DOMから発射されたイベントは、shiftKey
(または同等)を含有するべきイベントが発生したときに、シフトキーの状態を示すプロパティ。例えば、を参照されたい。例としてhttps://developer.mozilla.org/en/DOM/event.shiftKey。
YUI、Prototype、jQueryなどのJavaScript/DOMラッピングライブラリを使用している場合は、実装上の相違は問題にならないはずです。
3
関数のパラメータとして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>
関連する問題
- 1. シフトが解除されたかどうかを検出する方法は?
- 2. php rename()が正常に実行されたかどうかをどのように検出できますか?
- 3. F15が押されたかどうかはどのように判断できますか?
- 4. シフトキーがCで押されたときはどうすれば検出できますか?
- 5. どのようにフルスクリーンアプリケーションがウィンドウで実行されているかどうかを検出できますか?
- 6. 戻るボタンが押されたときにオプションメニューが表示されるかどうかを検出します。
- 7. Windowsキーが押されたかどうかを検出する方法は?
- 8. 変更されたメモリデータをどのように検出できますか?
- 9. iOSでテキストラベルが押されたかどうかを検出するにはどうすればよいですか?
- 10. MacでRetinaディスプレイがJavaから検出されたかどうかを検出するにはどうすればよいですか?
- 11. どのキーが押されたかを検出する方法
- 12. rel = "noreferrer"サポートはどのように検出できますか?
- 13. Android:指のいずれかで領域が押されているかどうかを検出します。
- 14. GAEはどのようにタスクキューの正しいハンドラを検出しますか?
- 15. テンプレート引数がnoexcept関数であるかどうかをどのように検出できますか?
- 16. Lejos NXT - モーターストールをどのように検出できますか?
- 17. tabactivityから呼び出されたときに、ソフトキーボードが子アクティビティのボトムバーを押さないようにするにはどうすればよいですか?
- 18. コードがcPythonまたはJython上で実行されているかどうかを検出できますか?
- 19. ホームボタンまたは電源ボタンが押されたかどうかをアプリケーションが認識できますか?
- 20. サーバーデータベースがiPhoneから変更されたことをどのように検出できますか?
- 21. テーブルビューでアイテムが変更されたときを検出するにはどうすればよいですか?
- 22. html要素が子ノードを追加できるかどうかをどのように検出しますか?
- 23. アプリケーションがドキュメントベースであるかどうかを検出するにはどうすればよいですか?
- 24. 子アクティビティから戻ったかどうかを検出するにはどうすればよいですか?
- 25. フォーカスがキー押下またはクリックによるものかどうかを検出します
- 26. 画面がタッチされたかどうかを検出する
- 27. アンドロイドでバックキーが押されたかどうかを確認しますか?
- 28. フォアグラウンドで私のAndroidアプリがどのように検出されますか?
- 29. バックスペースキーを長押ししたときはどうすれば検出できますか?
- 30. javascriptでシフト+キーダウンを検出するにはどうすればよいですか?