标签：yahoo baidu span doc absolute func text 上下文菜单 charset
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="myDiv">dsdafsdfasdfas dsfsfasdf asd fas dfa sdfa sdf asdf asd fas dfas dfas </div> <ul id="myMenu" style="position: absolute; visibility: hidden; background: silver;"> <li><a href="http://www.baidu.com">baidu</a></li> <li><a href="http://www.baidu.com">site</a></li> <li><a href="http://www.baidu.com">yahoo!</a></li> </ul> <script> var div = document.getElementById(‘myDiv‘); div.addEventListener(‘contextmenu‘, function (e) { e.preventDefault(); var menu = document.getElementById(‘myMenu‘); menu.style.left = e.clientX + ‘px‘; menu.style.top = e.clientY + ‘px‘; menu.style.visibility = ‘visible‘; }, false); document.addEventListener(‘click‘, function () { document.getElementById(‘myMenu‘).style.visibility = ‘hidden‘; }, false); </script> </body> </html>
标签：yahoo baidu span doc absolute func text 上下文菜单 charset
原文地址：https://www.cnblogs.com/bagexiaowenti/p/9527366.html
