Почему один клик генерирует несколько кликов?

Question

Почему один клик генерирует несколько кликов?

0

Я добавил button динамически. Но когда я нажимаю на него, он запускает несколько click и вызывает связанную функцию с alert('clicked'); несколько раз, а не один раз.

Можете ли вы сказать мне, почему и как я могу это исправить?

Код

 var root = document.getElementById('current_page');
 var button = document.createElement('input');
 button.type = 'button';
 button.title = 'Add new book to list';
 button.className = 'btn btn-primary';
 button.id = 'get_new';
 button.setAttribute('value', 'No Thanks,Get New');
 button.setAttribute('style', 'position:relative; top:-5px;left:900px');
 root.appendChild(button);

укротитель

$('body').on('click', '#get_new', function () {
            alert('clicked');
});

Baqer Naqvi 22 янв. 2014, в 19:13

Источник

1

Итак ... какой у тебя вопрос?
Josh S. 22 янв. 2014, в 17:33
3

Я думаю, он спрашивает, почему функция с alert('clicked'); срабатывает более одного раза по одному клику.
Jurik 22 янв. 2014, в 17:34
0

как сделать так, чтобы просто срабатывало событие одного клика ..
Baqer Naqvi 22 янв. 2014, в 17:34
0

опубликовать свой HTML и jsFiddle.
j08691 22 янв. 2014, в 17:35
0

я отправил все, что получил!
Baqer Naqvi 22 янв. 2014, в 17:40
0

Событие будет прикреплено один или несколько раз. Пожалуйста, проверь это
Chirag Vidani 22 янв. 2014, в 17:40
0

Убедитесь, что вы не добавили несколько обработчиков в некоторые слои, а также e.preventDefault () должен помочь
Risto Novik 22 янв. 2014, в 17:40
1

Только один раз для меня jsfiddle.net/M23Xv . Нам нужен весь код, чтобы проверить, почему он не работает. Или хотя бы скрипку, воспроизводящую ошибку.
Danny 22 янв. 2014, в 17:42
0

Почему бы вам не попробовать это вместо этого: $("#get_new").click(function() { alert('clicked'); });
Josh S. 22 янв. 2014, в 17:43
2

@ josh иногда это не работает с динамически созданными элементами ...
Baqer Naqvi 22 янв. 2014, в 17:44
0

Вам нужно связать свою функцию click после того, как вы динамически создаете элемент.
Josh S. 22 янв. 2014, в 17:46
0

как тогда ??? @josh
Baqer Naqvi 22 янв. 2014, в 17:48
0

@ user3131402 ваш код в порядке, смотрите живую демонстрацию Дэнни. Вопрос должен быть где-то еще.
Christophe 22 янв. 2014, в 17:51
0

Вы используете один и тот же идентификатор на нескольких кнопках?
John Koerner 22 янв. 2014, в 17:52
0

@ user3131402 посмотреть, работает ли приведенный ниже код
Josh S. 22 янв. 2014, в 17:54
0

Это просто установлено при загрузке страницы, или что-то вызывает это? Если последнее, то срабатывает ли он один раз при первом нажатии, дважды при втором, может быть 4 раза при третьем и т. Д ...? Это может быть зарегистрировано более одного раза. Вы можете проверить, что событие клика не зарегистрировано, и если нет, зарегистрировать его, иначе ничего не делать
Tom 22 янв. 2014, в 18:15
0

й! Ты понял.! это ведет себя так же. ты бы направил меня мотыгой, чтобы это исправить? @Том
Baqer Naqvi 22 янв. 2014, в 18:21
0

@ Джош, это сработало, наконец, ты спас мне жизнь ... :)
Baqer Naqvi 22 янв. 2014, в 18:35

Показать ещё 16 комментариев

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Я думаю, он спрашивает, почему функция с alert('clicked'); срабатывает более одного раза по одному клику.
как сделать так, чтобы просто срабатывало событие одного клика ..
Событие будет прикреплено один или несколько раз. Пожалуйста, проверь это
Убедитесь, что вы не добавили несколько обработчиков в некоторые слои, а также e.preventDefault () должен помочь
Только один раз для меня jsfiddle.net/M23Xv . Нам нужен весь код, чтобы проверить, почему он не работает. Или хотя бы скрипку, воспроизводящую ошибку.
Почему бы вам не попробовать это вместо этого: $("#get_new").click(function() { alert('clicked'); });
@ josh иногда это не работает с динамически созданными элементами ...
Вам нужно связать свою функцию click после того, как вы динамически создаете элемент.
@ user3131402 ваш код в порядке, смотрите живую демонстрацию Дэнни. Вопрос должен быть где-то еще.
Вы используете один и тот же идентификатор на нескольких кнопках?
@ user3131402 посмотреть, работает ли приведенный ниже код
Это просто установлено при загрузке страницы, или что-то вызывает это? Если последнее, то срабатывает ли он один раз при первом нажатии, дважды при втором, может быть 4 раза при третьем и т. Д ...? Это может быть зарегистрировано более одного раза. Вы можете проверить, что событие клика не зарегистрировано, и если нет, зарегистрировать его, иначе ничего не делать
й! Ты понял.! это ведет себя так же. ты бы направил меня мотыгой, чтобы это исправить? @Том
@ Джош, это сработало, наконец, ты спас мне жизнь ... :)

Josh S. · Accepted Answer · 2014-01-22T14-58-00.000Z

Поскольку вы уже используете jQuery, вы также можете создать элемент с помощью jQuery и связать функцию щелчка при его создании. Вероятно, это решит все, что вызывает проблему с двойным стрельбой.

Скрипт: http://jsfiddle.net/f9PX4/

function myFunction() {
    alert('clicked');
}

$(function() {
    var button = $("<input>");
    button.attr("type", "button")
        .attr("title", "Add new book to list")
        .attr("id", "get_new")
        .css({ position: "relative", top: -5, left: 900 })
        .val("No Thanks,Get New")
        .addClass("btn btn-primary");
    button.click(function() {
        return myFunction();
    });
    $("#current_page").append(button);
});

Это не обязательно. Код OP на самом деле работает нормально и использует делегирование, что является хорошей практикой.