Когда вы выполняете действие на веб-странице, оно вызывает событие. Это может быть что-то вроде:
- Нажмите кнопку
- Выберите значение из выпадающего списка
- Наведите указатель мыши на элемент
Эти события могут быть записаны в вашем коде JavaScript.
Обычный (и часто переносимый) способ получения событий - это делать это на самом HTML-элементе (как показано в атрибуте onclick
ниже)
<input id="MyButton" type="button" value="clickme" onlick="Somefunction()" />
Таким образом, когда пользователь нажимает кнопку, будет выполняться функция SomeFunction
.
Тем не менее, считается лучшим подходом принять технику, называемую «поздняя привязка». Это гарантирует, что ваш HTML и JavaScript хранятся полностью отдельно.
Итак, мы можем изменить приведенный выше пример следующим образом:
document.getElementById("MyButton").onclick = function(){
//functionality here
}
jQuery делает это еще проще:
$("#MyButton").click(function(){
//functionality here
});