Как остановить выполнение события щелчка в функции Javascript?

Я пытаюсь назначить событие onclick уже существующему тегу привязки, когда я нажимаю на другой элемент. Однако все, что я пробовал, похоже, приводит к срабатыванию ивента сразу после назначения. Мы используем Prototype и Scriptaculous.

Это функция:

<script type = "text/javascript">     
    function loadData(step, dao_id) {
        var div_id = 'div_' + step;
        var anchor_id = 'step_anchor_' + step;
        var prv = step -1;

        switch(step) {
            case 1:
                var action = 'major_list';
                break;
            case 2:
                var action = 'alumni_list';
                break;
            case 3:
                var action = 'alumnus_display';
                break;
        }

        new Ajax.Request('awizard.php', {
                method: 'get',
                parameters: {action : action, dao_id : dao_id},
                onSuccess: function(data) {
                    $(div_id).innerHTML = data.responseText;
                    //$(anchor_id).observe('click', loadData(prv, dao_id, true));
                    //Event.observe(anchor_id, 'click', alert('I executed'));

                    showStep(step);

                    //$(anchor_id).onclick = loadData(prv, dao_id, true);
                    //$(anchor_id).observe('click', loadData(prv, dao_id, true));

                }
            }
        )                   
    }

    function showStep(step, toggleBack) {

        var div_id = 'div_' + step;
        if (!toggleBack) {
            if (step != 1) {
                var prv = step -1;
                Effect.SlideUp('div_' + prv, { duration:1, delay:0 });
            }

            Effect.SlideDown(div_id, { duration:1, delay:1 });
            Effect.Appear('step_anchor_' + step, { duration:1, delay:2 });
        } else {

            var prv = step -1;
            Effect.SlideDown('div_' + prv, { duration:1, delay:0 });
            Effect.SlideUp(div_id, { duration:1, delay:1 });
            Effect.Fade('step_anchor_' + step, { duration:1, delay:2 });
        }               
    }
</script>

Как вы понимаете, я пробовал несколько способов назначить событие onclick тегу привязки, и ни один из них не работает должным образом. Сначала я предположил, что функция Effect.Appear в теге привязки может запускать событие onclick, поэтому я попытался переместить назначение события после функции showStep, но это не имело никакого значения. Кроме того, я попытался вызвать функцию stop () сразу после назначения, но это тоже не имело никакого значения.

Я в своем уме, чтобы покончить с этим. Есть ли способ назначить событие onclick тегу привязки без автоматического срабатывания события? Что я делаю не так?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
3 343
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

Взгляните на этот код:

$(anchor_id).observe('click', loadData(prv, dao_id, true));

Что это значит, он передает результат вызова loadData в функцию наблюдения. Вместо этого вы хотите передать ссылку на вызов функции. Вы можете легко это исправить, изменив код на этот:

$(anchor_id).observe('click', function() { loadData(prv, dao_id, true) } );

Другие вопросы по теме