Рассмотрим этот шаблон в Meteor.js.
<template name="trial">
<li id='{{ _id }}'">{{ name }}
<span>X</span>
</li>
</template>
Я хочу добавить событие в "li", а другое - к "span". Как я могу предотвратить щелчок на пробеле, чтобы запустить событие, прикрепленное к ли? Я нашел несколько сообщений об этом, но они лет.
Большое спасибо за вашу помощь!
Чтобы предотвратить событие от барботажа до родительских элементов, используйте stopPropagation()
объекта события. Работает либо с родными событиями JS, либо с событиями React:
spanClickHandler(event) {
event.stopPropagation();
// handle click
...
}