распространите события от нажатия мыши к затененным элементам
Существует ли путь в JavaScript для распространения событий к элементам, затененным другим? Поскольку у меня есть элемент с position: absolute это затеняет элементы, которые не являются родительскими элементами его, но я хотел бы, чтобы щелчок, mousemove и mousout события прошли через этот элемент. Решением может быть конкретный Mozilla Firefox, потому что я буду использовать его в Дополнении Firefox.
2 ответа
Возможно, свойство css pointer-events:none; это то, что вы ищете. Например, он используется на главной странице Twitter, поэтому вы можете щелкнуть по тексту в «трендовых темах», когда он накладывается на затухающую графику.
Вы можете использовать getElementsByTagName ("*"), чтобы получить все элементы на странице. Используя функцию find-world-position, вы можете получить положение элемента относительно верхнего левого угла страницы. Теперь вы можете использовать offsetWidth, offsetHeight и позицию мыши [зависит от браузера, lol], чтобы проверить, находится ли курсор над вашим элементом.
Если курсор находится над вашим элементом, запустить событие.
Вышеупомянутая функция должна быть прикреплена к window.onmousedown / onmouseup / onmousemove / something