Как можно запустить функцию, при возникновении любого из перечисленных событий?

Question

[Егор Михеев]

Здравствуйте, каким образом можно стартовать запуск функции, при возникновении любого из перечисленных событий?

1 событие:

$('.json').on('click', function () {
                        //убираем активность со всех кнопок класса и вешаем на активированную
                        $('.json').removeClass('active');
                        $(this).addClass('active'); });

2 якобы несколько

$('button').on(click) ||
$('#select').on("select:close") ||
 $('.json').on('click', function () {
                        //убираем активность со всех кнопок класса и вешаем на активированную
                        $('.json').removeClass('active');
                        $(this).addClass('active'); });

Answer 1

[Александр Зачиналов]

$('button, #select').on('click select:close', function(){})

но каждое из событий будет вешаться на каждый из элементов в селекторе, а это опасно, нужно понимать что хотите получит и какие от этого могут быть последствия.
В данном примере событие click будет отрабатывать и для #select, а select:close и для button

Comments

[Егор Михеев]

Вообщем просто прописать функцию. И уже ее инициализировать при возникновении каждого из событий. Я наверно вобще глупый вопрос задал.

[Егор Михеев]

Грубо гворя есть первоначальные данные в п переменных, есть элементы для изменения этих переменных, ну и всякий раз при изменении значений переменных производить вызов функции

[Александр Зачиналов]

всякое бывает, учитесь на здоровье) ... самый полезный вопрос - тот что сам решил

[Александр Зачиналов]

если некоторые операции используются более одного раза, то их надо выносить в функцию, это как отче наш, если есть элементы, которые должны выполнять одну и туже функцию по одному событию, то можно каждому из этих элементов присвоить общий класс и вешать события на него, или же групповой селектор задавать (как в моем примере), если элементов не так много. Но события могут быть только равнозначимыми, их лучше не мешать. Конкретнее у вас click на button и .json можно объединить, а вот событие select правильнее вынести отдельно

Answer 2

[inDeepCode]

либо прописывать каждому селектору свою функцию on() (приблизительно как в ваших примерах);
либо написать 1ну функцию, и дёргать её через onclick="" в нужных тегах.

Comments

[Егор Михеев]

А нельзя одну и ту же функцию вызывать при on на каждом из событий? без вылазки в html код?

[Егор Михеев]

Так будет работать?
jQuery(function ($) {

function hello() {
alert('hello');
}

$(window).scroll = hello;
$(window).resize = hello;
$(document).ready = hello;

});

[Егор Михеев]

или так:
// call the function ChangeMap() on the change event of the dropdown
$('.myDropDownClass').change(function{
ChangeMap();
});

// call the function ChangeMap() on the click event of the submit button
$('#map_change_button').click(function{
ChangeMap();
});

[inDeepCode]

будет... вам быстрее было бы это в IDE протестировать чем сюда писать))

[Егор Михеев]

Но тут еще удобно тем, что можно собственную базу знаний сколотить. И всегда возвращаться при необходимости.