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

2014-05-08 15:13:36 +08:00
 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
目前仅有百度可以搜到 -_-!



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

至于为何浏览器会自动加上这个样式则不知道。
zzNucker
2014-05-08 15:28:08 +08:00
发现自己打错了。。把引号打成冒号了 orz
gangsta
2014-05-08 15:28:15 +08:00
@chairuosen
@paloalto
@zzNucker
@cin
@lushnis

谢谢各位,已经找到问题了,是因为Hammer.js这个js的缘故.
gangsta
2014-05-08 15:30:37 +08:00
我擦!看来被Hammer.js坑了的不是我一个人:

https://github.com/EightMedia/hammer.js/issues/81
paloalto
2014-05-08 15:32:40 +08:00
@gangsta 我记得用了 Hammer.js 后,页面的文字就无法选中了,但是可以加上这么一个设置:

stop_browser_behavior: { userSelect: "" }

这样就可以选中了。
Livid
2014-05-08 15:33:13 +08:00
gangsta
2014-05-08 15:36:16 +08:00
@paloalto

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

gouflv
2014-05-08 16:32:56 +08:00
搜索能力有些捉急

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

https://www.v2ex.com/t/111642

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

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

© 2021 V2EX