JavaScript实用技巧：禁止右键、选中、复制等

需积分: 7 113 浏览量更新于2024-09-15 收藏 20KB TXT 举报

"这篇资源主要介绍了JavaScript的一些实用技巧，包括阻止右键菜单、禁止选择文本、禁用粘贴复制剪切、设置网页图标、防止框架被嵌套、强制全屏显示、网页不能另存为以及获取元素在页面中的位置等。" 在网页开发中，JavaScript是一种常用的客户端脚本语言，它提供了丰富的功能来增强用户体验和交互性。以下是对标题和描述中所提及的JavaScript技巧的详细说明： 1. 阻止右键菜单：通过添加`oncontextmenu`事件监听器，可以阻止用户在网页上右键点击时显示默认的右键菜单。例如：`<body oncontextmenu="window.event.returnValue=false">`。 2. 禁止选择文本：当不希望用户选中文本时，可以使用`onselectstart`事件返回`false`。如：`<table border oncontextmenu="return(false)"><td>no</table>` 或 `<body onselectstart="return false">`。 3. 禁用粘贴、复制和剪切：通过`onpaste`、`oncopy`和`oncut`事件，可以防止用户在特定输入区域进行这些操作。例如：`<input style="ime-mode: disabled" onpaste="return false;" oncopy="return false;" oncut="return false;">`。 4. 设置网页图标：使用`<link>`标签可以设定网页的favicon图标，这将在浏览器标签页上显示。例如：`<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 分别用于IE和书签图标。 5. 防止框架被嵌套：如果不想让自己的网页被嵌套在其他框架中，可以通过检测`top.location`和`self.location`来实现。例如： ```javascript if (window == top) { top.location.href = "frames.htm"; } ``` 或者 ```javascript if (top.location != self.location) { top.location = self.location; } ``` 6. 强制全屏显示：通过`<noscript>`标签，可以引导没有JavaScript支持的用户进入全屏页面。例如：`<noscript><iframe src="/*.html"></iframe></noscript>`。 7. 网页不能另存为：同样使用`<noscript>`标签，阻止用户将网页另存为文件。例如：`<noscript><iframe src="/*.html"></iframe></noscript>`。 8. 跳转到源代码查看：可以创建一个按钮，点击后直接跳转到当前页面的源代码视图。例如： ```html <input type="button" value="查看源代码" onclick="window.location='view-source:' + 'http://www.pconline.com.cn'"> ``` 9. 删除确认提示：在删除操作前添加一个确认对话框，确保用户知晓其后果。例如： ```html <a href="javascript:if(confirm('确定要删除吗?'))location='boos.asp?&areyou=ɾ&page=1'">删除</a> ``` 10. 获取元素在页面中的位置：JavaScript提供方法获取元素相对于文档的位置，例如： ```javascript function getIE(e) { var t = e.offsetTop; var l = e.offsetLeft; while (e.offsetParent) { e = e.offsetParent; t += e.offsetTop; l += e.offsetLeft; } return { top: t, left: l }; } ``` 这个函数可以用来获取任何HTML元素在页面中的绝对位置。以上是JavaScript中的一些实用技巧，它们可以帮助开发者控制用户与网页的交互，提升网站的安全性和用户体验。

MoiNaNa

粉丝: 0
资源: 1

JavaScript实用技巧：禁止右键、选中、复制等

javascript技巧精心收集

JavaScript技巧200多个

javascript技巧(珍藏版)

JavaScript技巧

javascript技巧

Javascript 技巧

JavaScript技巧收集

javascript 技巧 实例

javascript技巧大全

javascript技巧集合

最新资源

javascript 技巧　实例　