我有一个 chrome-app我通过添加 -webkit-app-region: drag;
使整个窗口可拖动到 div
通过 css 类:
例子:
<style>
draggable {
-webkit-app-region: drag;
}
</style>
<div class='draggable'>
hello world
</div>
问题是我无法禁用拖动 通过删除
draggable
来自 div
的类(例如通过 jQuery 或 chrome-debugger)。除了这是一个潜在的错误之外,是否有任何解决方法可以阻止 div
从使应用程序窗口可拖动?仅供引用:我已经在 Chrome(34.0.187.116)、Chrome Beta(35.0.1916.69)、Chrome Canary(36.0.1964.2) 上检查过这个,并且都有相同的行为。操作系统:MacOS X 10.9.2
最佳答案
我目前正在电子(以前称为原子 shell )中构建应用程序。在提出您的问题时,我找到了解决此问题的方法,就像其他任何事情一样,答案非常简单。
以这个例子作为我的实例和解决方案:
1)您的问题是 div 块(包括 div)中的任何内容都是可拖动的,并且您失去了一些功能(例如,尽管单击到其中包含的链接),对吗?
<div style='-webkit-app-region:drag'>...</div>
如果您想在该拖动区域内放置 anchor :
<div style='-webkit-app-region:drag'>
<a href='index.html'>...</a>
<a href='about.html'>...</a>
</div>
变得可点击,您需要做的就是正如您所说的那样:
I cannot disable the dragging
禁用拖动...这是证明它的代码。
<a style="-webkit-app-region: no-drag;" href="index.html">...</a>
这不仅停止了该元素上的拖动功能,还允许您单击以查看 webkit 阻止的事件。
关于google-chrome - 如何禁用 -webkit-app-region : drag;?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23372725/