You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Edge/Firefox无法高亮网页单个单词,咨询开发者实现方式

网页限制文本拖拽高亮的实现方法

我用大白话给你讲,这个网页不让你左键拖拽选单个单词,主要是这几种简单方法实现的:

  • CSS样式直接限制:这是最常用的一招。开发者给网页里的文本元素加了user-select: none的CSS规则,浏览器看到这个规则,就会直接禁止用户选中该元素里的文本。你打开这个网页的开发者工具(按F12)查看正文区域的元素样式,大概率能找到这个规则。
  • JS事件拦截:如果要做更精细的限制(比如只禁单个单词、不禁整段),开发者会监听鼠标的「开始选文本」事件(selectstart),或者鼠标按下/松开的事件,当检测到你要选单个单词时,就调用event.preventDefault(),让浏览器别执行默认的选中文本动作。
  • 透明覆盖层(少见):在文本上面放一层完全透明的元素,你拖拽的时候其实点的是这个覆盖层,根本碰不到下面的文本,自然选不了。不过这种方法会影响点击链接之类的交互,所以很少用。

这个网页主要靠第一种方法实现的限制,简单粗暴还不影响其他功能。

内容的提问来源于stack exchange,提问作者Vikki Mehra

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.13 14:52:06