Противоречивые события в JavaScript

Question

Вот мой код:

<div class="MediaPreview" style="left: 10px; bottom: 10px;"> 
    <span>Image or video, required</span> 
    <div class="x">x</div> 
</div> 

Теперь у меня есть парить над эффектом, который отображает X. Что я ищу сейчас, чтобы прикрепить onclick event к DIV с классом x, так что, когда они нажимают, он обрабатывает действие. В настоящее время он делает это, но когда он заканчивается, он выполняет событие onclick для класса MediaPreview впоследствии

Не совсем уверен, что делать. Я ищу помощь/ответы. раствор будет изолировать OnClick к тексту X, а затем не последующее событие загружается

Answer 1

Вы должны использовать e.stopPropagation(), чтобы остановить событие от барботирования до родителя.

Если вы указали нам свой фактический код, мы можем показать вам, где подключить e.stopPropagation() в вашем обработчике кликов. Помните, что вопросы о коде должны всегда включать соответствующий код.