У нас есть «холст» с несколькими элементами, которые могут как частично, так и полностью перекрывать друг друга. По каждому элементу можно щелкнуть (для отображения всплывающего окна «Свойства»). Когда указатель мыши находится над двумя или более элементами, мы хотим показать список элементов, чтобы пользователь мог выбрать, для какого из них он / она действительно хочет видеть всплывающее окно свойств.
Основа * Поведение 1008 * в HTML, очевидно, предназначено для захвата событий мыши только верхним элементом. Я знаю, что мы можем использовать 'pointer-events: none', чтобы позволить событиям мыши переходить к нижнему элементу, но нам нужно разрешить каждому элементу реагировать на события указателя (возможно, mouseenter и mouseleave), чтобы каждый мог регистрировать / отключать зарегистрируйтесь в службе, чтобы мы могли предоставить список базовых элементов (или что-то в этом роде).
Я также знаю, что мы могли бы сделать каждый элемент дочерним по отношению к другому элементу, и таким образом мы, вероятно, можем пузыриться события мыши вверх (?), но элементы не взаимосвязаны, поэтому это было бы хакерским решением.
Есть ли способ (в Anular JS) получить события мыши, захваченные всеми элементами под мышью ?