在onclick函数内区分左右键

时间:2015-05-18 11:09:15

标签: javascript

我需要快速回答。如何区分函数内的左右键单击。代码如下所示:

<p onclick="FuncOnClick()">
function FuncOnClick() {
//how to do distinguish?
}

2 个答案:

答案 0 :(得分:3)

你可以这样做。使用HTML onclick不适用于右键单击。但是在Javascript中添加事件监听器似乎确实有效。

&#13;
&#13;
document.getElementById('click').onmousedown = FuncOnClick;

function FuncOnClick(event) {
  console.log(event.which);
  switch (event.which) {
    case 1:
      alert('Left');
      break;
    case 3:
      alert('Right');
      break;
  }
}
&#13;
<p id="click">test</p>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

你可以这样做: -

    $('#mouseClick').mousedown(function(event) {
      switch (event.which) {
        case 1:
          alert('Left Mouse button pressed.');
          break;
        case 2:
          alert('Middle Mouse button pressed.');
          break;
        case 3:
          alert('Right Mouse button pressed.');
          break;
        default:
          alert('You have a strange Mouse!');
      }
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="mouseClick">Click here</p>