jQuery - запускает событие мыши, даже когда другой элемент находится сверху

Question

У меня установлено событие jQuery mouseup для элемента фона, синего цвета с пунктирными линиями (это фоновое изображение, а не элементы). Он срабатывает только в том случае, если один из других элементов не лежит сверху. Я мог бы передать событие в коде, но это, кажется, вызывает хаос. Есть ли способ получить синий элемент для получения события mouseup, даже если другой элемент находится сверху?

Кроме того, в настоящее время красные, синие и черные элементы наложения не являются дочерними элементами для синего фона, но они могут быть, если это необходимо.

Редактировать :::::

Рефакторинг html для вложения элементов в отношения родитель-ребенок сработал.

Answer 1

(По многочисленным просьбам ...)

Я бы начал с того, что красный, синий и черный элементы наложения стали дочерними элементами на синем фоне.

События распространяются вверх по иерархии DOM, передаваясь от дочернего к родительскому, пока не попадают в документ - это означает, что они не обязательно распространяются вверх по элементам, отображаемым на экране. Если вы сделаете красный, синий и черный элементы дочерними по отношению к синему фону, любые события этих дочерних элементов будут переданы на задний план.