计算Mobile /平板电脑触摸事件的ClientX / ClientY位置

时间:2018-04-21 21:17:01

标签: javascript jquery

我正在尝试在用户点击或触摸的位置旁边放置一个上下文菜单(右键菜单)。它在网络上运行良好,因为我可以获得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"
                });
            });

0 个答案:

没有答案