如何禁用-webkit-app-region：拖动；？

Question

我有一个chrome 应用程序，我通过通过 css 类添加-webkit-app-region: drag;到 a使整个窗口可拖动div：

例子：

<style>
    draggable {
        -webkit-app-region: drag;
    }
</style>

<div class='draggable'>
    hello world
</div>

的问题是，我不能禁用拖动通过去除draggable从类div（通过jQuery或铬调试器例如）。除了这是一个潜在的错误之外，是否有任何解决方法可以阻止div使应用程序窗口可拖动？

仅供参考：我已经在 Chrome(34.0.187.116)、Chrome Beta(35.0.1916.69)、Chrome Canary(36.0.1964.2) 上检查过这个，并且都有相同的行为。操作系统：MacOS X 10.9.2

Answer 1

我目前正在电子（以前称为原子壳）中构建应用程序。在提出您的问题时，我找到了解决此问题的方法，就像其他任何事情一样，答案非常简单。

以这个例子作为我的实例和解决方案：

1) 您的问题是 div 块（包括 div）中的任何内容都是可拖动的，并且您失去了一些功能（例如，尽管单击到其中包含的链接），对吗？

<div style='-webkit-app-region:drag'>...</div>

如果您想在该拖动区域内放置锚点：

<div style='-webkit-app-region:drag'>
<a href='index.html'>...</a>
<a href='about.html'>...</a>
</div>

变得可点击，您需要做的就是正如您所说的那样：

我无法禁用拖动

禁用拖动...这是证明它的代码。

<a style="-webkit-app-region: no-drag;" href="index.html">...</a>

这不仅停止了该元素上的拖动功能，还允许您点击查看被 webkit 阻止的事件。

Answer 2

我找到了一个解决方法。通过隐藏divvia，display: none可以禁用可拖动功能。