1

Добрый вечер, интересует вопрос по поводу синтаксиса условия, нужно повесить событие при нажатии одной из кнопок как будет собственно выглядеть синтаксис самого условия что то вроде:

if($("button_1").click() || $("button_2").click() || $("button_3").click()) {
  Дальше код события...
}

Не знаю будет ли вообще подобное условие работать, но нужно узнать какое лучше писать подобные логические куски?

5
  • 1
    попробуйте конкретнее сформулировать: что конкретно вы хотите сделать
    – Grundy
    15 июн 2016 в 16:19
  • 1
    @Grundy Ну не знаю куда конкретнее, я хочу чтобы при нажатии на одну из МНОЖЕСТВА кнопок срабатывало условие к примеру тот же alert("Hello world"), вопрос в том чтобы вы подсказали как лучше писать такое условие для множества кнопок с разными идентификаторами. Выше я привел пример кода (не факт что рабочего) что бы вам было удобней понять что мне нужно. 15 июн 2016 в 16:50
  • @Doofy Насколько я понимаю, код осознанно написан на несуществующем языке программирования с просьбой перевести на яваскрипт. 15 июн 2016 в 17:21
  • @GlebKemarsky, При текущем раскладе проверка сработает один раз в условии, это если написать метод, который будет возвращать в это условие true или false. Я так понял, что при любом нажатии кнопки нужно чтобы сработало условие, но на js нужно вешать обработчики
    – Doofy
    15 июн 2016 в 17:32
  • 1
    @Doofy Если я правильно понял, автор хочет научиться вешать один общий обработчик на произвольный набор кнопок. А код в вопросе - это вообще не код, а метафора, мираж, расплывчатый образ идеи, которую автор хочет воплотить в жизнь. Оценивать этот код по каким-либо правилам - лишнее. 15 июн 2016 в 17:53

3 ответа 3

3

Все очень просто:

$(".one, .two, .three").click(function () {
  alert("Clicked "+$(this).attr("class"));
  // дальше код события
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="one">Click me!</button>
<button class="two">Click me 2!</button>
<button class="three">Click me 3!</button>

2
  • Вы немного не поняли мне нужен пример синтаксиса такого вот события только при условии if чтобы можно было указать в условии несколько кнопок при помощи оператора or 15 июн 2016 в 16:56
  • так указывайте CSS селектором через запятую. Сейчас обновлю ответ
    – blits
    15 июн 2016 в 17:12
0
<button class='button_1'>button 1</button>
<button class='button_2'>button 2</button>

С помощью JavaScript

buttons = Array.from(document.querySelectorAll('.button_1, .button_2'));
buttons.forEach(function(button) {
    button.onclick = function() {
        console.log('hello world');
    }
});

С помощью jQuery

$('.button_1, .button_2').on('click', function() {
    console.log('hello world');
});
$('.button_1, .button_2').click(function() {
    console.log('hello world');
});
$(document).on('click', '.button_1, .button_2', function() {
    console.log('hello world');
});
0

Или без jquery:

document.querySelectorAll('button').forEach(function (element) {
    element.addEventListener('click', function () {
        /* код */
    });
});
4
  • так не сработает, у коллекции. которую возвращает querySelectorAll нет метода forEach
    – Grundy
    15 июн 2016 в 18:17
  • @Grundy попробуй в консоли написать typeof document.querySelectorAll("*").forEach
    – Артём
    15 июн 2016 в 21:08
  • Попробуй сделать это где-то кроме хрома :) например в firefox нет такого метода, в EDGE и IE тоже
    – Grundy
    16 июн 2016 в 6:06
  • ну и по спецификации такого метода тоже нет.
    – Grundy
    16 июн 2016 в 6:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.