使文本不可选择
因此,在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
它因浏览器而异。这些 CSS 属性将针对基于 WebKit 和 Gecko 的浏览器,以及任何支持
用户选择
的未来浏览器:It varies per browser. These CSS properties will target WebKit and Gecko-based browsers, as well as any future browsers that support
user-select
:在 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 tryingel.unselectable="on"
will not work. (Tested in IE9).