Вступление
JavaScript - хорошо известный язык программирования. Он используется более чем на 95% веб-сайтов, с которыми мы ежедневно взаимодействуем. Часто можно увидеть, что при нажатии кнопки изменяется вся страница, открывается поле формы или появляется всплывающее окно. С точки зрения программиста / разработчика, как мы можем реализовать такую функциональность и управлять взаимодействием веб-сайта с пользователями?? Когда дело доходит до взаимодействия, JavaScript предоставляет встроенные функции для управления событиями на сайте.
В JavaScript есть два типа событий:
- Слушатель событий - слушает и ждет, пока событие будет уволено
- Обработчик события - выполняется, когда событие запускается
В этой статье вы узнаете о наиболее часто используемом обработчике событий JavaScript, по щелчку мероприятие. Существуют и другие обработчики событий для наведения курсора на элемент или нажатия клавиш на клавиатуре, но в этой статье мы сосредоточимся на событии onClick.
Событие onClick используется для выполнения определенных задач одним нажатием кнопки или путем взаимодействия с элементом HTML.
Теперь мы покажем вам пример, чтобы продемонстрировать, как работает событие onClick.
Пример: изменение текста с помощью onClick
В этом примере мы изменим выделение текста одним нажатием кнопки, используя событие onClick. Сначала мы создадим тег абзаца и дадим ему идентификатор «абзац» для последующего доступа. Мы создадим кнопку с событием onClick и вызовем функцию с именем «change.”
Linuxhint
В файле сценария мы создадим переменную флага, которая позволит нам проверять статус текста в нашем теге абзаца HTML. Затем мы напишем функцию, определяющую функцию «изменения». В определении функции мы создадим оператор «if», в котором мы будем проверять статус с помощью переменной flag. Мы также изменим текст и переделаем флаг. Это довольно простой фрагмент кода!
var a = 1;function change ()
if (a == 1)
документ.getElementById ("абзац").innerHTML = "Linuxhint потрясающий"
а = 0;
еще
документ.getElementById ("абзац").innerHTML = "Linuxhint"
а = 1;
Все в порядке! После написания всего этого кода мы запустим код, перейдем в наш браузер и нажмем только что созданную кнопку. После нажатия кнопки текст должен быть изменен с «Linuxhint» на «Linuxhint великолепен.”
Мы можем применить ту же технику в любом месте, чтобы изменить содержание нашего веб-сайта в соответствии с нашими потребностями. Мы можем использовать его для изменения изображения или выполнения любого типа задач, которые мы можем себе представить с помощью этого инструмента.
Заключение
В этой статье объясняется, как использовать событие onClick. В этой статье вы познакомились с концепцией функции onClick на практике. Использование события onClick настолько простое, что даже новичок может начать работать с этой функцией. Вы можете продолжить обучение, работать и получить больше опыта в JavaScript на linuxhint.com, чтобы лучше понять этот язык программирования. Большое спасибо!