HTML5拖放内心的孩子
HTML5拖放内心的孩子
提问于 2014-03-13 13:50:43
简单的问题是，当使用DnD启用一个元素时，如果您有一个内部子元素(例如一个字体很棒的元素)，那么如果单击内部元素，您似乎无法拖动父元素。这意味着当拖动元素时，用户必须单击子元素周围的填充。
以下是我的元素：
<a id="dragme" draggable="true"><i class="fa fa-search"></i></a>以下说明拖动时的故障行为。当单击图标本身时，尝试并拖动。我正在使用Firefox最新版本，不确定在其他浏览器上是否会出现相同的行为。
关于如何处理这个问题，整个元素都是可拖动的，有什么建议吗？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-13 14:03:30
解决方案是将pointer-events: none添加到子元素中，该元素将执行以下操作：
该元素从来不是鼠标事件的目标；但是，如果这些后代将指针事件设置为其他值，则鼠标事件可能以其后代元素为目标。在这种情况下，在事件捕获/气泡阶段中，鼠标事件将在该父元素的途中触发事件侦听器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22380671
复制相关文章
相似问题
腾讯云开发者
