我正在尝试在用户点击或触摸的位置旁边放置一个上下文菜单(右键菜单)。它在网络上运行良好,因为我可以获得click事件的clientX / clientY位置。但是,对于平板电脑上的触摸事件(特别是iPad),只有event.x,event.y可用,当有大量滚动时,这将无效,因为上下文菜单将附加到视口外部。如何在移动设备/平板电脑设备上计算clientX / clientY值?
$(document).on("contextmenu doubletap", '.table', function (event) {
console.log('right click event');
var menu = $(this).find('.custom-menu');
console.log(event);
// Avoid the real one
event.preventDefault();
// Show contextmenu
menu.finish().toggle(100).
// In the right position (the mouse)n
css({
//position of mouse click on computer/ipad
top: (event.clientY) + "px",
left: (event.clientX) + "px"
});
});