自定义上下文菜单，contextmenu事件
Posted bagexiaowenti
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自定义上下文菜单，contextmenu事件相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于自定义上下文菜单，contextmenu事件的主要内容，如果未能解决你的问题，请参考以下文章