javascript - 在iOS上，如何避免在长按孩子时选择父节点的文本？

Question

在寻找避免在 iOS 上长按标注操作的解决方案后，我发现以下解决方案效果很好：

  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-select: none;
  outline: 0;

但是，选择仍然发生在任何父节点上！就像一个事件以某种方式冒泡一样。而且我不想阻止父标记中的文本选择。

我已经在以下代码框中演示了该行为。

你能告诉我如何让父母div正常选择，同时在孩子长按时阻止所有选择吗？

看上面的截图，在屏幕中间长按后，div 后面的一些文本被选中。啊。

（我正在添加javascript和reactjs标记，因为我的问题存在于反应应用程序中，我怀疑解决方案可能涉及触摸事件操作......）

标签： javascriptcssreactjs