Обнаружить, как был изменен выбор

Question

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

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

Для тех, кто ищет для моего точного решения

http://aaronscherer.me/blog/2013/07/31/jquery-roll-to-next-input/

Answer 1

Да - вы можете слушать любое событие на любом элементе в DOM. Отъезд this fiddle в качестве отправной точки. Вот full list of mouse events и keyboard events вы можете слушать.

HTML

<select class="my-select-1"> 
    <option value="1">First</options> 
    <option value="2">Second</options> 
</select> 

<select class="my-select-2"> 
    <option value="1">A choice</options> 
    <option value="2">Another choice</options> 
</select> 

JQuery

$(document).ready(function() { 

    $(".my-select-1").on("click", function(event){ 
     alert('Do something - click event'); 
    }); 

    $('.my-select-2').on('keypress', function(e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if(code == 13) { //Enter keycode 
      alert('Do something - enter key press'); 
     }  
    }); 

}); 

В приведенном выше примере, $(".my-select-1) это селектор, это может быть что угодно (идентификатор, тип элемента, и т.д.). Дополнительная информация о селекторах here. Следующая часть, .on("mousedown" присоединяет функцию обработчика событий для одного или нескольких событий к выбранным элементам - в этом случае только одно событие, mousedown. Больше информации о here.

Второй пример - немного более причудливый, поскольку мы должны определить, какой ключ был нажат, но кроме этого использует ту же концепцию. Вы можете найти очень продолжительное обсуждение об этом на this post, но обратите внимание на 1.7 on является предпочтительным методом (не bind).

Answer 2

Вы можете использовать OnChange событие, что-то вроде этого:

$(document).on('change','#your_select',function() { 
    //do something 
}) 

Answer 3

Если вы хотите знать тип события, вы можете просто использовать type свойство event объекта:

$('select').on('change keyup ...', function(event) { 
    var type = event.type; 
    // ... 
});