诡异的"-webkit-user-select",谁来解释一下?

2014 年 5 月 8 日
 gangsta
发现自己网站首页的某个div被莫名其妙的渲染了-webkit-user-select:none这个样式
(CSS3属性,用来禁止用户选择某个层内的文本)



搜索了所有的内部和外联的css和js文件,发现都没有这个关键词
停用了所有的Chrome插件,问题同样存在

于是打算Google一下,结果发现Google,Yahoo!,Bing居然搜不到这个关键字 !!!
(是因为关键字中有横隔,触发了搜索引擎的分词?)

https://www.google.com/search?q=-webkit-user-select
https://search.yahoo.com/search?q=-webkit-user-select
http://bing.com/search?q=-webkit-user-select
目前仅有百度可以搜到 -_-!



哪位前端大神解释下为什么会被诡异的加上这个样式呢?
另外,为什么许多搜索引擎都搜不到这个词呢?
10312 次点击
所在节点    问与答
12 条回复
chairuosen
2014 年 5 月 8 日
减号。。。大哥
paloalto
2014 年 5 月 8 日
你是不是用什么js插件了？这种element.style，八成是js插件的作用。
把html里引用的js去掉看看还有没有。
zzNucker
2014 年 5 月 8 日
减号是搜索引擎关键字。。。。 用冒号括起来
cin
2014 年 5 月 8 日
"-webkit-user-select" 加上引号搜索
lushnis
2014 年 5 月 8 日
把关键词前面的 “-” 去掉就可以搜到，可能是因为 “-” 在搜索引擎的关键词中是有含义的，代表从结果中去除指定的关键词，你搜“-v2ex”也搜不到东西。

至于为何浏览器会自动加上这个样式则不知道。
zzNucker
2014 年 5 月 8 日
发现自己打错了。。把引号打成冒号了 orz
gangsta
2014 年 5 月 8 日
@chairuosen
@paloalto
@zzNucker
@cin
@lushnis

谢谢各位,已经找到问题了,是因为Hammer.js这个js的缘故.
gangsta
2014 年 5 月 8 日
我擦!看来被Hammer.js坑了的不是我一个人:

https://github.com/EightMedia/hammer.js/issues/81
paloalto
2014 年 5 月 8 日
@gangsta 我记得用了 Hammer.js 后，页面的文字就无法选中了，但是可以加上这么一个设置：

stop_browser_behavior: { userSelect: "" }

这样就可以选中了。
Livid
2014 年 5 月 8 日
http://css-tricks.com/almanac/properties/u/user-select/
gangsta
2014 年 5 月 8 日
@paloalto

是的.上面的issue里有提到:

gouflv
2014 年 5 月 8 日
搜索能力有些捉急

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/111642

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX