太棒了;我需要一个元素来注册拖放指针事件,但将单击和其他指针事件传递给其后面的元素。
我正在使用 React 构建拖放照片上传功能react-dropzone https://react-dropzone.netlify.com/。我想要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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)