手机浏览器中屏蔽img的系统右键菜单context menu-CSDN博客
监听 contextmenu 设置 e.preventDefault() 阻止默认右键菜单弹出,在PC端有效,在手机浏览器无效。
img.addEventListener('contextmenu', function(e){e.preventDefault();menu.style.display = 'block';menu.style.left = e.pageX + 'px';menu.style.top = e.pageY + 'px';
});
因为手机浏览器弹出菜单是 touch 触发的,坐标的获取也有区别。
img.addEventListener('touchstart', function(e){e.preventDefault();var t = e.touches[0];menu.style.display = 'block';menu.style.left = t.pageX + 'px';menu.style.top = t.pageY + 'px';
});