Question

如何编写onclick处理程序，为常规点击做一件事，为点击点击做另外的事情？

Answer 1

您可以查看click事件的shiftKey属性。

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

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

Answer 2

您需要确保将event作为参数传递给onclick函数。您也可以传递其他参数。

<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>

Answer 3

从DOM触发的事件应该包含一个shiftKey（或等效的）属性，指示事件被触发时shift键的状态;看，例如https://developer.mozilla.org/en/DOM/event.shiftKey举个例子。

如果你正在使用一个JavaScript / DOM包装库，如YUI，Prototype或jQuery，那么实现上的任何差异都不应成为问题。

在onclick处理程序中，如何检测是否按下了shift？

3 个答案: