tldr;我需要一个元素来注册拖放指针事件，但将点击和其他指针事件传递给它后面的元素。
我正在使用 react-dropzone 在 React 中构建拖放照片上传功能.我希望 dropzone 覆盖整个页面，因此如果您将文件拖到页面的任何部分，您可以放下它来上传图像。 dropzone 在没有文件拖过它时是透明的，所以我需要点击才能注册到它后面的元素。
为此，我为 dropzone 组件赋予了以下样式:
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
但是，pointer-events: none; 导致 dropzone 无法识别必要的拖放事件。有什么方法可以识别这些特定的指针事件，同时将其他事件(如单击)传递给 dropzone 后面的元素？
最佳答案
尝试使用draggable 属性。它对我有用
<p draggable="true">
jkjfj
</p>
关于javascript - CSS 指针事件——接受拖动，拒绝点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44527246/