Как разместить div под текстовой областью и иметь возможность обрабатывать события на нем?
Я хочу сделать что-то вроде Grammarly, вот так:
Текст находится в текстовом поле, а под ним находится div для выделения, когда я нажимаю на красную строку, появляется карточка исправления, но с z-индексом div меньше, чем у текстового поля, я теряю события на нем !
Как я могу реализовать такую вещь?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Если Элемент А имеет более низкий z-index, чем (т.е. находится ниже), Элемент БноЭлемент Б применяется следующее (либо в исходной таблице стилей, либо позже, динамически):
element-b {
pointer-events: none;
}
тогда любой пользователь, нажимающий на Элемент Б, будет фактически нажимать на Элемент А.
По сути, щелчок проходит прямо через элемент, который не может принять указатели-события, и вместо этого попадает в элемент под ним.
Дальнейшее чтение:
https://developer.mozilla.org/en-US/docs/Web/CSS/указатель-события
Да, именно поэтому я предложил добавить стиль динамично. Когда страница загружается впервые, Элемент Б будет принимать события указателя, но пока отображается список исправлений, этого не произойдет.
Спасибо за ответ, но таким образом я не смогу прослушать событие щелчка элемента B, чтобы отобразить список исправлений: \ Буду признателен, если вы проверите грамматическое расширение Chrome, я хочу сделать ту же функциональность.