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

时间:2016-03-30 11:15:35

标签: javascript jquery right-click

有没有办法在div元素上找到右键单击事件的坐标,因为我必须根据点击的位置设置上下文菜单。

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

2 个答案:

答案 0 :(得分: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);
});

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

答案 1 :(得分: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点击鼠标右键单击