Как я могу получить события мыши, полученные элементом HTML с более низким индексом z?

Question

Я кодирую шашку в JavaScript/JQuery. У меня есть следующая проблема: я показываю желтые стрелки, используя холст, который покрывает весь экран и имеет z-индекс: 1. Шашки - это z-индекс: 0.

Я хотел бы добавить возможность перетаскивания и капельницы. Я хочу использовать JQuery's draggable widget, чтобы сделать каждую проверку перетаскиваемой. Однако, поскольку холст имеет более высокий z-индекс, чем шашки, последний не получит события мыши.

Как я могу получить шашки, полученные событиями мыши, несмотря на более низкий индекс z?

Answer 1

, если вам не нужно mouseevents для холста, дать pointer-events:none; попробовать. (Relevant SO Question)