Nano Hash - криптовалюты, майнинг, программирование

ограничить распространение событий в javascript

Как я могу предотвратить всплытие события до родительского в javascript?

Eg.

<tr id="my_tr" onclick="javascript:my_tr_click();">
   <td>
      <a id="my_atag" href="javascript:void(0);" onclick="javascript:my_a_click();">Delete</a>
   <td>
</tr>

Когда я нажимаю тег привязки «Удалить», сначала вызывается функция my_a_click(), а затем вызывается родительская функция tr onclick — my_tr_click(). Это, я полагаю, называется распространением событий.

Как я могу предотвратить вызов этой функции my_tr_click(), когда я нажимаю на тег дочерней привязки?

Пожалуйста, помогите мне..

Спасибо

javascript event-handling
25.04.2011

Ответы:


1

Из причудливый режим, а также этот answer это, скорее всего, то, что вы хотите сделать для обработки вашего встроенного onclick().

function my_a_click(e) {
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}

И настройте свою разметку:

<a id="my_atag" href="javascript:void(0);" onclick="var event = arguments[0] || window.event; my_a_click(event);">Delete</a>

Рабочий пример на jsfiddle

проверено в chrome, firefox 4 и IE9.

С учетом всего сказанного, если есть возможность использовать jQuery, это сделает все намного проще.

$("#my_atag").click(function(e){
  e.stopPropagation();
});

и

<a id="my_atag" href="javascript:void(0);">Delete</a>
25.04.2011
  • пример, который вы привели, хорошо работает в Chrome, но не работает в Firefox. Он вызывает там функцию tr onclick. 25.04.2011
  • Проверено и работает отлично....большое спасибо, вы Спаситель....Да благословит вас Бог... 25.04.2011

    • 2

    Я думаю, вас может заинтересовать http://www.quirksmode.org/js/introevents.html< /а>

    something.onclick = function (e) {
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}
    25.04.2011
  • Привет, Роберт, спасибо за ответ. Похоже, это решение не работает для Firefox. 25.04.2011
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..