tldr; Sürükle ve bırak işaretçisi olaylarını kaydetmek için bir öğeye ihtiyacım var, ancak tıklama ve diğer işaretçi etkinliklerini arkasındaki öğelere geçir.CSS İşaretçisi Olayları - Sürükle Kabul Et, Reddetme
react-dropzone kullanarak tepki olarak sürükle ve bırak fotoğraf yükleme özelliğini yapıyorum. Tüm sayfanın üzerinde olmak için dropzone olmasını istiyorum, böylece bir sayfayı sayfanın herhangi bir bölümüne sürüklerseniz, resmi yüklemek için onu bırakabilirsiniz. Hiçbir dosya sürüklenmediğinde dropzone şeffaftır, bu yüzden arkasındaki öğelerle kaydolmak için tıklamaya ihtiyacım var.
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
Ancak pointer-events: none; gerekli sürükle tanımak ve olayları düşürmeyin için dropzone neden olur:
Bunu başarmak için, ben dropzone bileşenine aşağıdaki stil verdi. Diğerleri (tıklama gibi) dropzone'un arkasındaki öğelere geçirirken bu belirli işaretçi olaylarını tanımanın herhangi bir yolu var mı?