使用 jQuery 如何获取目标元素上的右键单击坐标

Question

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

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

Answer 1

$(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找到点击鼠标右键

Answer 2

你可以试试：

$('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);
});

Fiddle: https://jsfiddle.net/shree/awf5u2xx/1/

使用 jQuery 如何获取目标元素上的右键单击坐标

Using jQuery how to get right click coordinates on the target element

javascript

jquery

right-click