•  
  •  
  •  
  •  
1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 (1 Голос)
События JavaScript - 5.0 out of 5 based on 1 vote

Любое действие, совершенное пользователем при просмотре сайта, сопровождается каким-либо событием. К примеру, кликая на кнопки, изменяя текст в текстовом поле, водя мышкой по монитору и прочее, мы совершаем действия. Для всех этих событий может быть создана реакция с помощью JavaScript.

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

События, которые выполняются мышкой

Событие onclick

События onclick вызываются кликом, к примеру: на кнопки, картинки или любые другие элементы. Вид подобного события:

<input type="button" value="Кликни на меня!"
     onclick="alert('Событие onclick происходит при клике')"/>

Событие ondblclick

Событию ondblclick присуща аналогичная система, которая приводила к работе события onclick, но необходимо воспользоваться двойным кликом, к примеру:

<div style="width:300px;height:50px;background-color:red; color: white;"
ondblclick="alert('Событие ondblclick происходит при двойном клике')">
        Сделайте двойной клик на блок
    </div>

Сделайте двойной клик на блок

Событие onmouseover, onmouseout, onmousemove

События onmouseover вызывается в момент наведения мыши на элемент. Событие onmouseout включается, если мышка покидает элемент. Этот момент часто используется, когда необходимо создать красивые эффекты в сайтах (примером может служить графическое меню). Как всегда, обеспечим вас небольшим примером:

<img src="/images/blog/519/1.png" onmouseover="this.src='/images/blog/519/2.png'"
onmouseout="this.src='/images/blog/519/1.png'" alt="" />

 

Наводя мышь на изображение меняется свойство src. В момент покидания мышкой изображения, возвращается старая картинка.

Для события onmousemove свойственна аналогия с onmouseover, onmouseout. Но оно отличается тем, что работа начинается при вождении мышью по компоненту.

События, вызываемые клавиатурой

События onkeydown, onkeyup, onkeypress

Событие onkeydown включается, если нажимаются клавиши при нажатии клавиши. Событие onkeyup вызывается тогда, когда отпускается клавиша. Событие onkeypress включается по аналогии onkeydown, основным отличием является лишь то, что keypress не использует клавиши F1-F12 и другие, а отдает предпочтение символьным клавишам.

Событие onkeydown

<input type="text" onkeydown="alert('Событие onkeydown')" />

 

Событие onkeyup

<input type="text" onkeyup="alert('Событие onkeyup')" />

Событие onkeypress

<input type="text" onkeypress="alert('Событие onkeypress')" />

События при изменении состояния элементов

Событие onchange

Событие onchange вызывается тогда, когда изменяются элементы формы. К примеру, в текстовое поле введен текст, или в списке select выбран иной параметр.

Ознакомьтесь с небольшим примером, при изменении текстового поля, показывается сообщение:

<input type="text" onchange="alert('Текст был изменен')" />

Тем не менее, не только написание текста для сайта относится к весьма полезным факторам, которые способствуют продвижению сайтов. Наличие событий для этого также играют важную роль. При повышении интересности сайта, пользователи будут дольше его использовать , что ведет к улучшению поведенческого фактора сайта. Занимайтесь созданием интересных сайтов, и тогда их будет проще и дешевле продвинуть в поисковых системах.

Портфолио
Память о Вас и Ваших близких на многие поколения
Подробнее
Прокат металла
Подробнее
Интернет-магазин кожи и меха
Подробнее
100% оригинальная парфюмерия в Москве
Подробнее
Вьетнамский ресторан премиум класса
Подробнее
Внедрение информационных систем
Подробнее
Организация международных конференций
Подробнее
Производство молочной продукции
Подробнее
Спортивный сайт
Подробнее
Интернет-магазин мебели и аксессуаров
Подробнее
Интернет-магазин электротранспорта
Подробнее
Сайт института актуальной экономики
Подробнее
Наши клиенты
Парк развлечений Boom Zoom
Алгор
Норбит
Molga Consulting
Metrotile
Нетология
Monqi
Премиум Пак
Aasha Herbals
Аджва
Салон красоты Сударушка
Пава
ТЦ &quot;Панфиловский&quot;
Фитнес Лаборатория
Система Главбух
Vanguard
GoAsia
ТЦ «Солнечный ветер»
Teledoc
Tchernov Cable
Отзывы
Благодарю компанию web-now.pro за помощь в разработке и запуске проекта POLITSECRETS.RU. Перед нами стояла задача – внедрить проект в сжатые сроки и по оптимальной цене. Порадовало то, что мне подроб...
Вера БлашенковаСекреты успешных выборов, Москва... апр.2016
Мне очень понравился подход с которым нас встретили "Ваша задача заниматься бизнесом, наша - сделать Вам представительство в сети". После этого ребята разработали полное тз на проект, мы внесли пожела...
МаксимIT-TASK, Москва... янв.2016
Работа проделана хорошо! Дизайнер и менеджер на отлично. Надеюсь на сотрудничество в дальнейшем. Есть шероховатости в деталях по задачам, но приятно сказывается оперативность и желание исправить, внес...
БруноСоциальная сеть След Жизни, Москва... янв.2016
Работой остались очень довольны. К работе подходят ответственно, аккуратно, открыто. Проект был сдан чуть раньше срока, по ходу работы возникали изменения, все они принимались безоговорочно, работа вы...
ЕвгенийМагазин текстиля, Москва... дек.2015
Сотрудничаем с 2007 года и сделали не один проект. Самое главное - команда умеет отстаивать своё мнение и постоянно развивается.
МарияМеждународные конференции, Москва... дек.2015
Спасибо всему коллективу компании! Разработали красивый и что самое главной рабочий интернет магазин! Реклама настроена и запущена, продажи идут, бизнес развивается! Нам постоянно подсказывают о новых...
ВадимИнтернет магазин Aromatic.pro, Москва... сен.2015
Большое спасибо команде за оперативность, качественные работы, отличный креатив и привлекательные цены!
Виктория, ОАО "Фармстандарт... июль.2015
Здравствуйте уважаемые партнеры! С наступающим Новым Годом! Желаю Вам дальнейшего процветания и успехов в Вашей благородной работе! С вами приятно сотрудничать! Очень благодарен Вам за своевременное о...
Сергей ЮрченкоКинотруд, Москва... дек.2014
Благодарим команду Brand Now и лично Дениса Логинова за оригинальное видение,разнообразие идей, четкость взаимодействия и безукоризненное соблюдение сроков выполнения проекта! Планируем продолжить сот...
ТатьянаBizness Linkerz... июль.2014
Компания КУН выражает благодарность за сотрудничество: непростая задача была выполнена в требуемые сроки и полностью удовлетворила заявленному ТЗ. Приятно удивила готовность Генерального директора нач...
Мария, Компания КУНhttp://www.kuhn.com/... апр.2014
Все отзывы
Добавить отзыв