JavaScript 实用技巧集锦：禁用右键、复制等

需积分: 3 171 浏览量更新于2024-09-17 收藏 18KB TXT 举报

"本文提供了11个JavaScript的实用技巧，涵盖了禁用鼠标右键、禁止文本选择、阻止复制剪切、设置网页图标、框架安全、强制全屏显示、获取元素位置等多个方面。" 1. 鼠标右键屏蔽：在HTML元素上添加`oncontextmenu="window.event.returnValue=false"`属性可以防止用户通过鼠标右键菜单进行操作。这在一些需要保护内容或防止用户交互的场景中非常有用。 2. 禁止文本选中： `<body onselectstart="return false;">`可以在整个页面或特定元素上禁止用户选择文本，防止文本被复制。 3. 阻止复制、剪切和粘贴：通过在元素上添加`onpaste="return false;"`、`oncopy="return false;"`和`oncut="return false;"`，可以禁用这些功能，防止用户对页面内容进行操作。 4. 设定网页图标（Favicon）： `<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`用于设定浏览器标签页和书签栏的图标，其中`favicon.ico`是图标文件的路径。 5. 输入框禁用输入法： `<input style="ime-mode: disabled">`可以使输入框不支持输入法，适用于不需要输入文字的场景。 6. 检查是否在框架内打开： JavaScript代码`if(window==top)top.location.href="frames.htm";`可以检测当前页面是否在框架中，如果是，则重定向到指定页面。 7. 防止被嵌入框架： `<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>`这段代码可以检查页面是否在顶级窗口打开，如果不是，则将其重定向到自身，防止页面被嵌入到其他网站的框架中。 8. 强制全屏显示： `<noscript><*** src="/*.html";</***></noscript>`这部分代码利用`noscript`标签，当JavaScript被禁用时加载指定的全屏页面。 9. 打开源码查看： `<input type=button value="/鿴ҳԴ" onclick="window.location='view-source:'+'http://www.pconline.com.cn'">`这个按钮可以让用户一键查看网页的源代码。 10. 删除确认提示： `<a href=""javascript:if(confirm("ȷʵҪɾ?"))location="boos.asp?&areyou=ɾ&page=1">ɾ</a>`创建了一个删除链接，只有在用户确认后才会执行删除操作。 11. 获取元素相对于视口的位置： `getIE(e)`函数通过遍历元素及其所有父元素的offset属性来获取元素在页面中的精确位置，这对于定位和交互设计非常有用。以上技巧展示了JavaScript在网页控制和交互方面的强大功能，开发者可以根据实际需求灵活运用。这些小技巧不仅可以提升用户体验，也可以增强网站的安全性和功能性。

liguiping2000

粉丝: 32
资源: 12

JavaScript 实用技巧集锦：禁用右键、复制等

js常用55个技巧

Javascript中最常用的55个经典技巧

Javascript中最常用的55个经典技巧.wps

JavaScript常用设计模式

javascript网页设计300例

node.js常用框架

每天一个js小技巧

常用js工具告诉我一下

下列选项中不是Vue.js常用选项的是 A el B data C methods D function

js map常用方法

最新资源