Событие onclick в JavaScript
Добавить в избранное
Событие JavaScript onclick запускается при нажатии на элемент, например кнопку или ссылку. Это событие можно использовать для выполнения различных действий, таких как отправка формы, переход на новую страницу или отображение сообщения.
Вот пример использования onclick события для отправки формы:
<label for="name">Имя:</label>
<input type="text" id="name">
<input type="button" value="Отправить" onclick="submitForm()">
</form>
<script>
function submitForm() {
document.forms[0].submit();
}
</script>
В этом примере функция submitForm() вызывается при нажатии кнопки "Отправить". Затем функция отправляет форму, вызывая метод submit() в первой форме на странице.
Другой пример использования события onclick - когда вы хотите перейти на новую страницу.
<script>
function goToPage() {
window.location.href = "https://bbcat.ru";
}
</script>
В этом примере, когда пользователь нажимает ссылку "mirjs.uz" вызывается функция goToPage() и пользователь будет перенаправлен на "https://bbcat.ru".
Вы также можете использовать событие onclick для нескольких элементов, например:
<button onclick="changeColor(this)">Изменить цвет</button>
<script>
function changeColor(el) {
el.style.backgroundColor = "red";
}
</script>
В этом примере, когда пользователь нажимает любую из кнопок вызывается функция changeColor() и цвет фона нажатой кнопки меняется на красный.
Важно отметить, что событие onclick поддерживается всеми основными браузерами, включая Internet Explorer, Google Chrome и Mozilla Firefox.