自定义右键菜单

来源:互联网 发布:Js委托和代理的区别 编辑:程序博客网 时间:2024/05/16 13:54
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>自定义右键菜单</title><style>#div1{width:100px;height:200px;border:1px solid red;position:absolute;display: none;}</style><script>window.onload = function(){var oDiv = document.getElementById('div1');document.oncontextmenu =function(ev){var ev = ev||event;oDiv.style.display = "block";oDiv.style.left = ev.clientX+"px";oDiv.style.top = ev.clientY+"px";return false;//取消事件默认行为}document.onclick = function(){oDiv.style.display = "none";//点击文档下得任何位置设置其属性值为none}}</script></head><body><div id="div1"></div></body></html>
原创粉丝点击