使文本不可选择

发布于 2024-10-20 05:55:34 字数 200 浏览 6 评论 0原文

因此,在使用 HTML5 中的滚动条和其他内容时,我开始注意到一个令人讨厌的趋势。如果我的元素附近有正在拖动的文本(例如,视频的滑动条、滚动条、用户单击并拖动的任何内容),则附近的文本将被选中,就好像我没有使用控件,只是拖动一样越过页面。

这非常烦人,我似乎无法在谷歌上找到正确的字符串来搜索以弄清楚是否可以使某些元素“不可选择”。

有人知道该怎么做吗?

So, while playing with scrollbars and stuff in HTML5, I'm starting to notice an annoying trend. If I have text near my element that's being dragged (say, a scrub bar for a video, scroll bar, anything a user would click and drag), nearby text will get selected, as if I'm not using a control, just dragging over the page.

This is terribly annoying, and I can't seem to find the right string to search for on google to figure out if it's possible to make certain elements "unselectable".

Anyone know how to do this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

往昔成烟 2024-10-27 05:55:34

它因浏览器而异。这些 CSS 属性将针对基于 WebKit 和 Gecko 的浏览器,以及任何支持用户选择的未来浏览器:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;

It varies per browser. These CSS properties will target WebKit and Gecko-based browsers, as well as any future browsers that support user-select:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
微暖i 2024-10-27 05:55:34

在 IE 中,您可以使用 unselectable="on" 属性使元素内的文本立即不可选择(即不适用于其子元素中的文本)。

请注意,如果从 javascript 申请,则必须使用 el.setAttribute("unselectable","on")。仅仅尝试 el.unselectable="on" 是行不通的。 (在 IE9 中测试)。

In IE you can make text immediately within an element unselectable (i.e. doesn't apply to text in its children) by using the unselectable="on" attribute.

Note that if applying from javascript you MUST use el.setAttribute("unselectable","on"). Just trying el.unselectable="on" will not work. (Tested in IE9).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文