php 右键下拉菜单,js实现右键菜单功能

本文解决的问题：1、实现右键菜单功能代码；2、阻止默认事件的实际应用。

右键菜单

#menu {

position: fixed;

left:0;

top:0;

width:200px;

height: 400px;

background-color: blue;

display: none;

}

var menu = document.getElementById("menu");

document.oncontextmenu = function(e) {

var e = e || window.event;

//鼠标点的坐标

var oX = e.clientX;

var oY = e.clientY;

//菜单出现后的位置

menu.style.display = "block";

menu.style.left = oX + "px";

menu.style.top = oY + "px";

//阻止浏览器默认事件

return false;//一般点击右键会出现浏览器默认的右键菜单，写了这句代码就可以阻止该默认事件。

}

document.onclick = function(e) {

var e = e || window.event;

menu.style.display = "none"

}

menu.onclick = function(e) {

var e = e || window.event;

e.cancelBubble = true;

}

// document.addEventListener("contextmenu",function(e){

// var e = e || window.event;

// e.preventDefault();

// alert("menu");

// },false)

相关标签：js

本文原创发布php中文网，转载请注明出处，感谢您的尊重！