本文實(shí)例為大家分享了右鍵自定義菜單的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #menu { height: 200px; width: 50px; border: 1px solid gray; background-color: antiquewhite; padding: 10px; display: none; position: absolute; } ul, li { margin: 0; padding: 0; list-style-type: none; line-height: 40px; } </style> </head> <body> <div id="menu"> <ul> <li>復(fù)制</li> <li>粘貼</li> <li>運(yùn)行</li> <li>工具</li> <li>幫助</li> </ul> </div> </body> <script type="text/javascript"> var menu = document.getElementById("menu"); document.oncontextmenu = function(ev) { var oEvent = ev || event; //自定義的菜單顯示 menu.style.display = "block"; //讓自定義菜單隨鼠標(biāo)的箭頭位置移動(dòng) menu.style.left = oEvent.clientX + "px"; menu.style.top = oEvent.clientY + "px"; //return false阻止系統(tǒng)自帶的菜單， //return false必須寫在最后，否則自定義的右鍵菜單也不會(huì)出現(xiàn) return false; } //實(shí)現(xiàn)點(diǎn)擊document，自定義菜單消失 document.onclick = function() { menu.style.display = "none"; } </script> </html>以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
