谷歌浏览器如何禁止某个网站的这个元素user-select: none？

来源：蜘蛛抓取(WebSpider) 时间：2022-10-04 20:02 标签： 谷歌浏览器修改网页代码

如果您想防止其他人从您的网站上窃取内容，您可以借助 CSS、JavaScript 和 jQuery 在一定程度上做到这一点。在本文中，将带您学习如何禁用文本选择、剪切、复制、粘贴和右键单击网页。

您可以使用 CSS、 或 jQuery 禁用对整个网页或部分页面的文本选择。

如何使用 JavaScript 禁用完整网页的文本选择

使用 onmousedown 和 onselectstart 事件属性和 body 标签来禁用整个网页的文本选择。这些事件会覆盖浏览器的默认行为。

  大眼仔博客成立于 2013 年，是独立运营的个人资源分享网站。
  我们在所有技术方面的专业知识每个月都有数百万的访问者。
  我们相信技术只有使用它的人才有用。
  我们的目标是为像您这样的读者提供充分利用当今技术的专业知识，并以任何人都能理解的简单术语进行解释。
  我们还鼓励读者以富有成效和有意义的方式使用技术。

如何使用 JavaScript 禁用部分网页的文本选择

将 onmousedown 和 onselectstart 事件属性与要禁用文本选择的 HTML 标记一起使用。 在下面的示例中，第二个 div 标签的文本选择被禁用。

如何使用 CSS 禁用整个网页的文本选择

使用带有 body 标签的 user-select CSS 属性来禁用整个网页的文本选择。 对于某些浏览器，您需要在用户选择之前添加扩展程序。 以下是所有浏览器的完整属性列表：

您需要将所有这些属性设置为 none 以禁用文本选择。

如何使用 CSS 禁用部分网页的文本选择

使用带有 HTML 标记的用户选择 CSS 属性来禁用文本选择。 您可以使用类或 ID 来定位这些 HTML 元素。 在下面的示例中，第二个 div 标签的文本选择被禁用。 在这里， class 用于定位第二个 div。

如何使用 JavaScript 禁用剪切、复制和粘贴

您可以使用目标 HTML 元素的 oncut、oncopy 和 onpaste 事件属性禁用剪切、复制和粘贴。 如果要禁用整个网页的剪切、复制和粘贴，则需要将这些事件属性与 body 标记一起使用。 您还可以使用 ondrag 和 ondrop 事件属性禁用拖放。 在下面的示例中，对输入标签禁用剪切、复制、粘贴、拖放和放置。

如何使用 jQuery 禁用剪切、复制和粘贴

您可以使用 jQuery bind() 函数在网页上禁用剪切、复制和粘贴。 在 bind() 函数中，您必须指定当用户尝试在网页上剪切、复制或粘贴任何内容时触发的剪切、复制和粘贴事件。 在使用之前，请确保在 head 部分中嵌入 script 标签以加载 jQuery。

使用一切可能的工具从受保护的页面窃取数据、垃圾邮件网站或破解敏感信息。 为您的网站添加一个安全层以防止这些是必不可少的。 垃圾邮件网站表单是当今最常见的攻击之一。 尝试将 CAPTCHA 验证添加到您网站的表单中，以避免这些垃圾邮件攻击。

广西柠莱建筑材料-集装箱半挂车是集汽车生产制造、科研、设计、贸易以及零部件生产、销售于一体的现代化综台性企业。公司位于专用汽车生产基地梁山拳铺镇工业园，已通过IS认证和3C认证，纳入国家《公告》管理企业。

公司拥有先进的数控生产设备，主要包括数控切割机、龙门自动焊机、大型折弯机、剪板机、整车通过式抛丸机、自动烤漆房和隔离生产检测设备等，聘请专业工程师数名，技术工人100多人。现公司可以生制造粉罐生产线、自卸车生产线、液压轴线低平板生产线、半挂车生产线、超大件运输车及特种车辆等100多个品种，产品销往全国20多个省市、自治区，部分产品出口国外。

本文介绍了如何覆盖“-moz-user-select：none;”对子元素？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

此问题显示了以防止在元素上选择文本。一旦阻止选择，那么如何允许选择特定的子元素？例如

.no-select 规则上面的工作，但我尝试在 .select 规则不，这是正确的方法这样做？

作为未来参考，无论何时关心css规则的可能值，请检查 。

这篇关于如何覆盖“-moz-user-select：none;”对子元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

我要回帖

更多关于 谷歌浏览器修改网页代码 的文章

 

随机推荐