鼠标右键

it2025-07-25 9

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #mapEdit{ position: absolute; display: none; } </style> </head> <body> <div class="data-items-title">111</div> <div id="mapEdit">22</div> <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(".data-items-title").contextmenu(function(ev){ ev.preventDefault(); //做一些兼容性的处理 var ev = ev || event; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; mapEdit.style.display = "block"; mapEdit.style.left = ev.clientX + "px"; //当滑动滚动条时也能准确获取菜单位置 mapEdit.style.top = ev.clientY + scrollTop + "px"; }) </script> </body> </html>

最新回复(0)