ОЗверніть увагу - властивості присвоюється саме сама функція-обробник doSomething, а не doSomething(). Недолік - на елемент можна повісити лише один обробник потрібної події.
Розглянемо два варіанти вирішення одного і того ж завдання – засобами класичного JavaScript та за допомогою бібліотеки JQuery.
bind( тип, дані, функція )Призначає обробник до однієї або більше подій (наприклад, click) для кожного збігу елемента. Можна пов'язувати також і події користувача.
Можливі події: blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, зміна, select, submit, keydown, keypress, error
Обробник події приймає об'єкт event, який можна використовувати для запобігання стандартній поведінці. Для зупинення як дії за замовчуванням, так і передачі події між елементами, Ваш обробник повинен повертати false. Це дозволить запобігти запуску обробників батьківських елементів, але не будь-яких інших обробників jQuery того ж елемента.
one( тип, дані, дані ) Повертає: jQuery
Призначає обробник одній або більше подій для кожного збігу елемента, який виконується один раз.
unbind( тип, функція ) Повертає: jQuery
Дія цієї функції протилежна функції bind: видаляє прив'язані події з кожного елемента набору.
mouseout( функція ) Повертає: jQuery
Призначає функцію до події mouseout для кожного елемента набору.
mouseover( функція ) Повертає: jQuery
Призначає функцію до події mouseover для кожного елемента набору.
По поверхні переміщається картинка. Користувач ловить її мишкою. Якщо спіймав, картинка з пташкою змінюється на кота
1 . Щоб отримати таку сторінку, виконаємо наступну розмітку:
Додайте таблицю стилів прямо в заголовну частину сторінки.
Метод bind() можна викликати багаторазово, і призначати безліч різних дій на одну й ту саму подію.
Об'єкту з ідентифікатором bird призначаються відразу три обробники трьох подій mousedown, mouseover і click