e.preventDefault (); предотвращает образование пузырей, НО как мы можем предотвратить дальнейшее снижение фазы захвата у детей

Question

e.preventDefault (); предотвращает образование пузырей, НО как мы можем предотвратить дальнейшее снижение фазы захвата у детей

0

e.preventDefault(); предотвращает пузырьки, НО как мы можем предотвратить фазу захвата от дальнейшего перехода к детям.

В принципе, у меня есть родительские и дочерние элементы, все из которых имеют события щелчка, но я хочу запускать щелчок ТОЛЬКО родителя, а не детей, когда пользователь нажимает на ребенка.

В следующем примере, когда пользователь нажимает на какой- a тег, он не должен перенаправлять пользователя на страницу href, вместо этого должен parentdiv событие parentdiv элемента parentdiv

<div id='parentdiv'>
    <a href="a.html"></a>
    <a href="b.html"></a>
    <a href="c.html"></a>
</div>

Temp O'rary 21 июль 2016, в 16:27

Источник

1

почему у вас есть события щелчка на детях, если вы не хотите, чтобы на них нажимали?
DerekMT12 21 июль 2016, в 14:10
0

Прикрепленные старые события кликов, мы должны жить с этим сейчас.
Temp O'rary 21 июль 2016, в 14:16

Теги:

javascript

html

angularjs

html5

2 ответа

Ещё вопросы

почему у вас есть события щелчка на детях, если вы не хотите, чтобы на них нажимали?
Прикрепленные старые события кликов, мы должны жить с этим сейчас.

Whothehellisthat · Answer 1 · 2016-07-21T12-29-00.000Z

Насколько я понимаю, e.preventDefault() предотвращает поведение по умолчанию (отправляя при нажатии кнопки отправки, следуя URL-адресу при нажатии на ссылку). e.stopPropagation() останавливает событие от барботажа другим слушателям, поэтому, возможно, тот, который вы хотите.

[ MDN ]

e.stopPropagation() не только прекращает всплывание, но и прекращает захват (если используется со вторым аргументом addEventListener как true )
Это предотвратит срабатывание обработчика щелчка родительского элемента только при щелчке дочернего элемента, а не наоборот.
@ DerekMT12: это правда. Но если вы используете прослушиватель захвата, он будет вызван первым, и поэтому, если e.stopPropagation() используется в этом первом прослушивателе захвата, он убьет остальных слушателей для этого события.

asenovm · Answer 2 · 2016-07-21T11-51-00.000Z

Если вы хотите, чтобы только родитель получил событие касания, вы можете добавить

pointer-events: none

в css для дочерних элементов.