鼠标左键单击与 JavaScript 中的右键单击例程发生冲突答案

【问题标题】：Mouse left click is colliding with right click routine in JavaScript鼠标左键单击与 JavaScript 中的右键单击例程发生冲突
【发布时间】：2016-03-06 22:19:59
【问题描述】：

我正在尝试运行这些功能，但鼠标左键和右键单击时会触发“mousedown”事件。具体来说，如何通过左键集成这些功能？我在互联网上看到了很多例子，但我无法让它们发挥作用。请帮忙。

提前致谢。

代码如下：

    // mouse drag pieces
    boardEl.on('mousedown', '.' + CSS.square, mousedownSquare);
    containerEl.on('mousedown', '.' + CSS.sparePieces + ' .' + CSS.piece, mousedownSparePiece);

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

向传递给.on的函数添加数据参数，例如event到函数，您可以使用event.which来确定它是左键还是右键。

function mousedownSquare( e ) {
 if (e.which === 1) {
  //handle left click
 }
  if(e.which === 3) {
  //handle right click
 }
}

【讨论】：

我试图将事件“mousedown”更改为左键单击特定事件，但它不存在。但是在正在执行的函数中处理鼠标事件效果很好。非常感谢。

【解决方案2】：

没用过，不过显然事件对象which属性可以得到想要的按钮。

http://api.jquery.com/mousedown/

【讨论】：