自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果

本文实例讲解了javascript鼠标右键菜单的实现方法，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

#menu{

border:solid 1px gray;

width:100px;

display:none;

position:absolute;

background-color:ghostwhite;

margin: 0;

padding: 0;

list-style-type: none;

}

#menu>li{

border-bottom: dashed 1px gray;

}

window.οnlοad=function(){

var oUl=document.getElementById('menu');

document.οncοntextmenu=function(ev){

var oEvent=ev||event;

//一定要加px，要不然chrom不认

oUl.style.top=oEvent.clientY+'px';

oUl.style.left=oEvent.clientX+'px';

oUl.style.display='block';

return false;

}

document.οnclick=function(){

oUl.style.display='none';

}

};

脚本之家
脚本之家
脚本之家
脚本之家

希望本文所述对大家学习javascript程序设计有所帮助。

自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果相关推荐

php框架全局自定义错误,[TP笔记]ThinkPHP自定义错误页面、成功页面及异常页面
看了前面分享的一篇<什么是真正的程序员?>,觉得自己离这个目标还差的很远,所以要抓紧朝着这个方向前进.作为一名PHP小码农,掌握一种框架是必须的.所以今天开始我们就从国产PHP框架 Thi ...
Javascript如何判断按下的是鼠标左键还是右键
Javascript如何判断按下的是鼠标左键还是右键一.需求:在页面上某个元素上点击鼠标右键,弹出二级悬窗(右键菜单). 二.解决技术问题:如何监听鼠标右键事件三.解决方案: 1.使用jquer ...
笔记本电脑没有鼠标怎么右键_鼠标右键失灵怎么办，你知道原因吗？
在上网时,有时会遇到按右键没有反应的情况.一开始还以为是中了病毒,但是重启之后,又恢复正常了,这到底是怎么回事呢? 如果是在我电脑上操作电脑软件导致的鼠标右键失灵可能以下原因造成的. 一:系统繁忙,不 ...
windows10鼠标右键有Linux,win10系统鼠标左键失灵右键正常的解决方法
一位用户和小编反馈说win10正式版系统中按鼠标左键就是不能控制,关机.重启.断电.杀毒都无效,到底是怎么回事?以为是电脑中毒了,检查后发现并没有,鼠标右键正常.碰到此疑问,小编给大家收集整理具体解决 ...
计算机打开后任务栏有但桌面不显示不出来,电脑开机后不显示桌面图标和任务栏，鼠标可以动但是右键没反应，任务管理器能启动，该怎么解决啊？...
电脑开机后不显示桌面图标和任务栏,鼠标可以动但是右键没反应,任务管理器能启动,该怎么解决啊?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶 ...
wps右键失效_鼠标左键失灵右键代替左键怎么设置
鼠标左键失灵右键代替左键怎么设置导读:小编根据大家的需要整理了一份关于<鼠标左键失灵右键代替左键怎么设置>的内容,具体内容:有时候鼠标左键失灵了,又没有备用了,怎么办?这时我们可以通过设 ...
用javascript 禁止右键,禁止复制,禁止粘贴
用javascript 禁止右键,禁止复制,禁止粘贴 2007-03-01 18:36 有时自己辛苦半天做的网页,尤其是一些javascript特效,很容易被人利用查看源文件而复制.那么如何才能防止被 ...
js鼠标事件大全-Javascript鼠标事件大全
js鼠标事件大全-Javascript鼠标事件大全 2009年03月11日星期三 14:22 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick 当键盘上的某个键被按下并且释放时 ...
html自定义指针,如何自定义鼠标指针怎样在wpf中自定义鼠标指针
如何在ppt中自定义鼠标指针的形状? 魔兽世界怎么自定义鼠标指针在系统控制面板里面鼠标属性指针里面改就可以了下面有个浏览可以自定义换图案怎样在网页中设定一整套自定义的鼠标指针? 麻烦了 ...

自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果

自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果相关推荐

最新文章

热门文章