«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Можете ли вы обнаружить события щелчка на псевдо-элетах CSS?

Можете ли вы обнаружить события щелчка на псевдо-элетах CSS?

Опубликовано в 2025-03-12
Просматривать:215

Can You Detect Click Events on CSS Pseudo-Elements?

щелкните обнаружение события на псевдо-элементах

Вопрос:

в предоставленном коде, событие Click запускается на обоих pseudo-lelement (Red Bit) и на основном элементе (синий bit). Тем не менее, цель состоит в том, чтобы обнаружить щелчки только по псевдоэлементу. Возможно ли это? Псевдо-элементы-это виртуальные элементы, которые генерируются браузером и не являются частью фактической структуры HTML.

альтернативный подход:

, если вам необходимо реализовать обработчик кликов специфически для красного региона, вы можете создать детский элемент, такой как SPAN:

Lorem Ipsum Dolor Sit Amet, ...

затем, примените стили к элементу SPAN:

. Red-bit { позиция: абсолютно; Слева: 100%; Ширина: 10px; высота: 100%; фоновый цвет: красный; }

, наконец, свяжите обработчик щелчка с элементом SPAN:

Lorem ipsum dolor sit amet, ...

document.queriselector (". Red-bit"). AddEventListener ("click", function () {) { // Нажмите код обработчика });

Этот подход позволяет запечатлеть клики по красной области, предотвращая запуска кликов на основном элементе.
]
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3