Мы знаем, что после объектно-ориентированной разработки почти все языки могут основываться на объектах «один раз в течение ночи», а JavaScript также является объектным языком. Поведение пользователя в браузере называется «событиями», а впоследствии инициируемые серии действий, таких как всплывающие окна, изменение размера браузера, проверка и Балабала, все называются «управляемыми событиями». Конечно, на этот раз я в основном представлю несколько общих событий.
PS: Поддержка сценариев JS зависит от браузера! ! ! Некоторые нижние версии браузеров не могут его поддерживать! ! !
1. Нажмите на событие (OnClick)
Что такое событие клика? Когда пользователь нажимает кнопку мыши, да, будет сгенерировано событие нажатия. В то же время, обработчик событий, указанный Onclick, будет вызван. Обычно применяется к кнопке (кнопку объекта), флажести (флажок), радио (радиопроизводительная кнопка), кнопки сброса (кнопка сброса) и отправьте кнопки (кнопка отправки).
Сделайте большой шаг:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <Title> JS Basic Click Event </title> </head> <body> <form> <script language = "javascript"> function click () {alert («Вы только что нажали кнопку»); } </script> <input type = "button" value = "кнопка" onclick = "aclick ()"/> </form> </body> </html>Эффект заключается в следующем:
2. Изменить событие (Onchange)
Как только пользователь изменит значение формы, событие Onchange запускается.
Код заключается в следующем:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js base manece event </title> <script language = "javascript"> function check () {alert ("значение текстового поля изменилось"); } </script> </head> <body> <form> <input type = "text" value = "Это текстовое поле" name = "name" onchange = "check ()"/> </form> </body> </html>Эффект заключается в следующем:
3. Выберите событие (Onselect)
Когда выбран элемент на странице, событие ONSELECT запускается.
Код заключается в следующем:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js base manece event </title> <script language = "javascript"> function check () {alert ("значение текстового поля изменилось"); } </script> </head> <body> <form> <input type = "text" value = "Это текстовое поле" name = "name" onchange = "check ()"/> </form> </body> </html>Эффект заключается в следующем:
4. Загрузить событие (нагрузка)
Событие загрузки - это событие, которое запускается, когда веб -страница только что открыта.
Код заключается в следующем:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> JS Basic Moving </title> <script language = "javascript"> function check () {alert («Не будьте осторожны, xiao d находится на пути к лошади, o (∩_∩) o haha ~"); } </script> </head> <body onload = "check ()"> </body> </html>Эффект заключается в следующем:
5. Перед событием разгрузки (перед загрузкой)
Чтобы быть точным, более целесообразно позвонить «перед выходом на страницу» и запустит это событие, когда вы нажимаете кнопку «Закрыть» на текущей вкладке.
Код заключается в следующем:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> JS Основы предварительную загрузку </title> <script language = "javascript"> function check1 () {alert («Вы действительно хотите оставить меня?»); } </script> </head> <body OnbeforeUnload = "check1 ()"> <h1> Это страница, используемая для проверки события предварительной загрузки </h1> </body> </html>Эффект заключается в следующем:
Приведенная выше статья кратко рассказывает о основном драйвере для событий клиента JavaScript - это весь контент, которым я делюсь с вами. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.