网页禁用右键及选择代码实现

1星需积分: 14 4 浏览量更新于2024-09-09 收藏 3KB TXT 举报

"该资源提供了一种通过JavaScript代码来实现网页中禁止右键点击、文本选择和拖动功能的方法，以保护网页内容不被轻易复制或操作。" 在网页开发中，有时为了防止用户通过右键菜单进行不必要的操作，如复制内容、查看源代码等，开发者会采用一些技术手段来禁用这些功能。这个资源给出的代码示例就是针对这种情况的解决方案。主要涉及到以下几个知识点： 1. **禁止右键菜单**： - `oncontextmenu` 事件：当用户在网页元素上执行右键点击时触发。在 `<body>` 标签中设置 `oncontextmenu="window.event.returnValue=false"` 或 `oncontextmenu="return false"` 可以阻止默认的右键菜单显示。 2. **禁止文本选择**： - `onselectstart` 事件：在用户尝试选取文本时触发。设置 `onselectstart="event.returnValue=false"` 或 `onselectstart="return false"` 可以防止文本被选中。 3. **禁止拖放**： - `ondragstart` 事件：在用户开始拖动元素时触发。设置 `ondragstart="window.event.returnValue=false"` 或 `ondragstart="return false"` 可以阻止元素的拖放行为。 4. **JavaScript 函数定义**： - 定义了名为 `stop` 的函数，用于阻止右键点击。将这个函数赋值给 `document.oncontextmenu` 可以全局禁止右键菜单。 - 针对不同浏览器的兼容性，使用 `event` 对象的属性 `which`（对于支持 W3C 标准的浏览器）或 `button`（对于 IE 浏览器）来检测鼠标按钮，从而阻止右键点击。 5. **JavaScript 事件处理**： - 使用 `new Function()` 创建一个匿名函数，然后赋值给 `document.oncontextmenu` 和 `document.onselectstart`，这样在触发相应事件时，这些函数会被执行，从而阻止默认行为。 6. **脚本注入**： - `<noscript>` 标签用于在用户禁用 JavaScript 时提供备选内容。在示例中，如果 JavaScript 不可用，会加载一个空的 iframe，这可能是为了防止某些情况下内容被通过 iframe 访问。 7. **兼容性考虑**： - 代码中包含针对 IE5+ 的事件处理方式，如 `event.cancelBubble` 和 `event.returnValue`，以及非 IE 浏览器的事件处理方式，体现了对不同浏览器的兼容性处理。这些代码片段展示了如何使用 JavaScript 来增强网页的安全性和用户体验，防止敏感信息被轻易获取。不过需要注意的是，这样的做法可能会降低网站的可访问性，对于有特殊需求的用户（如使用辅助技术的残障人士）可能造成不便。因此，在实际应用中需谨慎考虑。

其实就是在Body中加入几个局性而已，代码如下：

<body oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false" ondragstart="window.event.returnValue=false" onsource="event.returnValue=false" >

禁止鼠标左右键代码/禁止网页选中/禁止另存为/防复制代码

<body oncontextmenu="return false" onselectstart="return false">

<noscript><iframe src=*.html></iframe></noscript>

<script>

function stop(){

return false;

}

document.oncontextmenu=stop;

</script>

1、禁止鼠标左右键

SCRIPT language=javascript>

<!--

if (window.Event)

剩余6页未读，继续阅读

百家方案

粉丝: 112
资源: 906

网页禁用右键及选择代码实现

禁止flash使用右键的代码

JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】

html+js鼠标右键代码

Flex 3完整的右键自定义菜单Demo

udp打洞代码示例demo

spreadjs_自定义右键菜单-demo.zip

鼠标右键菜单demo

Silverlight打开右键菜单Demo

jQuery 右键Demo

基于contextMenu的右键菜单demo

最新资源