Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Событие на :after (https://javascript.ru/forum/dom-window/27646-sobytie-na-after.html)

Gesandte 20.04.2012 11:03

Событие на :after
 
Добрый день.
Собственно и весь вопрос, можно как то повесить событие на данный селектор или нет?

melky 20.04.2012 12:39

Цитата:

Сообщение от Gesandte (Сообщение 170051)
Добрый день.
Собственно и весь вопрос, можно как то повесить событие на данный селектор или нет?

а это элемент? это псевдо-элемент.

но давайте попробуем с помощью делегирования :
<style>
div {
    color: green;
    border: 1px green dashed;
    position: absolute;
}
div:after {
    content: "Ы";
    width: 100px;
    height: 100px;
    border: 2px gray solid;
    padding: 5px;
    font-size: 20px;
    position: absolute;
    top: 30px;
    left: 30px;
}
</style>
<div>дивчег</div>
<script>
document.body.addEventListener('click', function(e){
    alert( "clicked on : "+e.target.tagName );
}, false);
</script>


нет, нельзя.

Gesandte 20.04.2012 13:25

спасибо за ответ)
а, жаль...счастье было так близко...придеться придумывать другой способ реализации.

Sigizmund2012 18.06.2015 15:47

chernozor,
Через Гугл Оповещения эту тему нашёл?

chernozor 19.06.2015 15:24

Цитата:

Сообщение от Sigizmund2012 (Сообщение 375634)
chernozor,
Через Гугл Оповещения эту тему нашёл?

через строку поиска нашёл "как повесить событие на псевдо элемент"

Sigizmund2012 19.06.2015 16:50

chernozor,
Ясно, я думал ты автор этого говноблога. Просто есть такая "шибко вумная" техника: пишется статья, потом через Гугл Оповещения отслеживаются темы на форумах со схожими названиями, где автор срёт ссылками на свой блог. Но ты ведь не такой, правда?

chernozor 23.06.2015 15:41

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

MallSerg 23.06.2015 16:05

Цитата:

Сообщение от chernozor
Я всего лишь предложил свой вариант решения этой задачи, который действительно работает.

Это лож (пиздишь). На пальцах ты не предложил тут решения ты просто вставил рекламную ссылку.

Цитата:

Сообщение от chernozor
есть претензии к коду?

Какому коду?

в теории теперь элементарно решается через css pointerevent

chernozor 23.06.2015 16:21

Я и предложил pointer-events который и описал в своей заметке
 
Используем свойство pointer-events
На элемент, в котором находится искомый псевдоэлемент, вешаем свойство pointer-events: none, а на сам псевдоэлемент pointer-events: all.
Это не ложЬ(мягкий знак).
Тема висит 3 года, никто не удосужился ответить человеку на вопрос.

ksa 23.06.2015 16:28

Цитата:

Сообщение от chernozor
Используем свойство pointer-events
На элемент, в котором находится искомый псевдоэлемент, вешаем свойство pointer-events: none, а на сам псевдоэлемент pointer-events: all.

Меньше слов... :) Достаточно одного тестового примера, который можно выложить прямо тут. ;)


Часовой пояс GMT +3, время: 17:48.