使用jQuery如何获取目标元素上的右键单击坐标[重复]答案

【问题标题】：Using jQuery how to get right click coordinates on the target element [duplicate]使用jQuery如何获取目标元素上的右键单击坐标[重复]
【发布时间】：2016-03-30 11:15:34
【问题描述】：

有什么方法可以在 div 元素上找到右键单击事件的坐标，因为我必须根据单击的位置设置上下文菜单。

我们将不胜感激任何帮助和建议。谢谢。

【问题讨论】：

最好尝试一下，写一些代码，如果您不确定如何进行/有不理解的错误，请返回。原则上，SO 通常不会从头开始为您编写代码
整个页面的 x 和 y？而不是使用 clientX 和 clientY

标签： javascript jquery right-click

【解决方案1】：

你可以试试：

$('div').on('contextmenu', function (e) {
    console.log(e.pageX);
    console.log(e.pageY);
});

对于整个页面：

$('div').on('contextmenu', function (e) {
    console.log(e.clientX);
    console.log(e.clientY);
});

小提琴：https://jsfiddle.net/shree/awf5u2xx/1/

【讨论】：

【解决方案2】：

$(document).ready(function(){ 
  document.oncontextmenu = function() {return false;};

  $(document).on('mousedown', '#TargetElementId', function (e){ 
    if( e.button == 2 ) { // Right mouse button clicked

      return {e.pageX, e.pageY} //return co-ordinates
    } 
    return true; 
  }); 
});

从SO Answer查找鼠标右键点击

【讨论】：