0

对于现代浏览器（IE 10+、FF、Safari、Chrome）：看起来您必须使用外观模式来构建一致的界面并使用此信息进行大量摆弄。

我正在寻找一种简单的现代方法来确定用户在 div 中单击的位置的 x、y 坐标，并使用这些坐标来定位此SO Question中确定的饼形菜单。

除非用于显示概念，否则没有库。

参考

screenX/Y、clientX/Y和pageX/Y有什么区别？

这是一个显示 3 个不同事件属性的google hit

4

2 回答 2

1

以下将为您提供页面中单击的任何 div 的坐标；对于特定的 div 将 'div' 替换为 '#yourDivId'

$(document).ready(function(){   
   $('div').click(function(e){
       var x = e.pageX; 
       var y = e.pageY;
       alert(...);
   });
});
于 2013-06-08T14:34:18.567 回答
1

你可以试试

element.onclick = function(e) {
  var x = e.pageX - element.offsetLeft // the absolute x position
                                       // minus the element's absolute x position
  var y = e.pageY - element.offsetTop
  alert('x : ' + x + ', y : ' + y)
}

这是一个小提琴

于 2013-06-08T14:17:31.980 回答