屏蔽鼠标右击菜单以及禁止选中页面内容

最新推荐文章于 2024-03-23 01:24:48 发布

最新推荐文章于 2024-03-23 01:24:48 发布 · 84 阅读

本文介绍如何通过HTML与JavaScript代码实现网页上的鼠标右键菜单屏蔽及禁止文字选中的功能。提供了具体的实现代码示例，包括使用<body>标签属性及自定义JavaScript函数来控制这些行为。

1、屏蔽鼠标右击菜单：

oncontextmenu :"当调用文本菜单时"
如:在页面点右键弹出属性菜单
<script>
//当右键点击页面时,调用方法
document.oncontextmenu = function()
{
alert("点击了鼠标右键");//弹出提示:"点击了鼠标右键";
return false;//屏蔽掉的右键菜单
}
</script>

2、禁止选择网页内容

onselectstart="return true" -- 可选，是默认项，false -- 不可选。

如果要实现对页面上某些对象文本信息的控制，可以采用编写当该对象为指定对象时返回一个boolean值的方法来控制。
function allowedSelect()
{
var obj= event.srcElement ;
if(obj.tagName== "input" && the.type.toLowerCase() == "text" )
return true;
else
return true ;
}