自定义网页右键菜单

本经验使用JavaScript和简单的HTML实现网页的右键菜单的自定义。

工具/原料

已安装Dreamweaver或其它网页编辑器的电脑一台

实现效果

1、HTML网页打开，一开始显示如图。

HTML代码

1、HTML代码：<div id="cen">点击鼠标右键</div><div id="div1"> <ul> <li><strong>JavaScript 学习</strong></li> <li>响应用户操作</li> <li>事件驱动</li> <li>元素属性操作</li> <li>函数传参</li> <li>JavaScript组成</li> <li>JavaScript出现的位置、优缺点</li> <li>变量、类型、变量作用域</li> <li>闭包</li> <li>运算符</li> <li>程序流程控制</li> <li>定时器的使用</li> </ul></div>

JS代码

1、JavaScript代码：document.oncontextmenu = function (ev){var oEvent=ev||event;var oDiv=document.getElementById('div1'); oDiv.style.display='block';oDiv.style.left=oEvent.clientX+'px';oDiv.style.top=oEvent.clientY+'px'; return false;};document.onclick=function (){var oDiv=document.getElementById('div1'); oDiv.style.display='none';};