javascript - CSS 用户选择 : none causes focus event on drag in Google Chrome

Question

谷歌浏览器制作 输入 /文本区域专注于拖如果它位于带有 -webkit-user-select: none; 的容器中

查看示例 http://jsfiddle.net/kdrz4r0p/1/

重现步骤:

添加 -webkit-user-select: none;到容器

将此容器中的任何元素拖动到 textarea/input

我也在 Chromium bugtracker 中发现了同样的问题:

https://code.google.com/p/chromium/issues/detail?id=376767

有人知道这个问题的粗略解决方案吗？
我需要阻止这个焦点事件(通过拖动)。因为我是按焦点扩展 textarea 的。

Answer 1

添加 大纲属性(property)。

textarea {
    width: 100px;
    height: 250px;
    outline: none;
}