javascript该如何隐藏右键,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。javascript隐藏右键的方法:1、打开相应的代码文件;2
javascript该如何隐藏右键,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
javascript隐藏右键的方法:1、打开相应的代码文件;2、使用“window.oncontextmenu=function(e){e.preventDefault();}”方法禁用鼠标右键菜单即可。
本文操作环境:windows7系统、javascript1.8.5、Dell G3电脑。
javascript怎么隐藏右键?
js设置或禁用鼠标右键菜单
当用户点击鼠标右键的时候
oncontextmenu
事件被触发
js禁用鼠标右键菜单
window.oncontextmenu=function(e){
//取消默认的浏览器自带右键 很重要!!
e.preventDefault();
}
js自定义鼠标右键菜单
<div id="menu">
<div class="menu">功能1</div>
<div class="menu">功能2</div>
<div class="menu">功能3</div>
<div class="menu">功能4</div>
<div class="menu">功能5</div></div>
#menu{
width: 0;
height: 125px;
overflow: hidden;
box-shadow: 0 1px 1px #888,1px 0 1px #ccc;
position: absolute;
}
.menu{
width: 130px;
height: 25px;
line-height: 25px;
padding: 0 10px;
}
window.oncontextmenu=function(e){
//取消默认的浏览器自带右键 很重要!!
e.preventDefault();
//获取我们自定义的右键菜单
var menu=document.querySelector("#menu");
//根据事件对象中鼠标点击的位置,进行定位
menu.style.left=e.clientX+'px';
menu.style.top=e.clientY+'px';
//改变自定义菜单的宽,让它显示出来
menu.style.width='100px';
menu.style.height='auto';
}
//鼠标左键任意位置单击, 关闭右键菜单
window.onclick=function(e){
//用户触发click事件就可以关闭了,因为绑定在window上,按事件冒泡处理,不会影响菜单的功能
document.querySelector('#menu').style.height=0;
}
看完上述内容,你们掌握javascript该如何隐藏右键的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网node.js频道,感谢各位的阅读!
--结束END--
本文标题: javascript该如何隐藏右键
本文链接: https://www.lsjlt.com/news/88184.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0