Событие onclick для кнопки

@Nick4343 · Регистрация: 23.05.2018

Author24 — интернет-сервис помощи студентам

Есть ссылка с id "click21", на нее нужно повесить js функцию с событием onclick

Javascript

1	jivo_api.open();

То есть, чтобы при клике на ссылку с id "click21" выполнялась функция указанная выше

Как реализовать это js скриптом?

@amr-now · 02.11.2018, 09:52

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <a id="click21" href="http://yandex.ru">Яндекс</a>
    <script>
        let jivo_api = { open: function (e) { alert("Привет"); return false; } };
 
        let a1 = document.getElementById("click21");
        a1.onclick = jivo_api.open;
    </script>
</body>
</html>

@kalabuni · 02.11.2018, 09:53

amr-now, ваш вариант, к сожалению, вызовет ошибку исполнения document.getElementById("click21") is null
необходимо дождаться загрузки окна, вот так:

Javascript

1
2
3

onload = function ()
{
document.getElementById("click21").onclick = jivo_api.open();

@amr-now · 02.11.2018, 10:09

Вариант, когда сторонняя функция не знает, что она является обработчиком нажатия на ссылку:

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <a id="click21" href="http://yandex.ru">Яндекс</a>
    <script>
        let jivo_api = { open: function () { alert("Привет2");  } };
 
        let a1 = document.getElementById("click21");
        a1.onclick = e=> { jivo_api.open(); return false; };
    </script>
</body>
</html>

Добавлено через 10 минут

Сообщение от kalabuni

необходимо дождаться загрузки окна

Непосредственно этот простой скрипт после элемента сам дожидается построения этого элемента в DOM-дереве.
Для тяжелых случаев надо отдельно допиливать.

@kalabuni · 02.11.2018, 10:12

Сообщение от amr-now

этот простой скрипт после элемента сам дожидается построения этого элемента в DOM-дереве.

согласен... но вы в своём посте разместили назначение функции в хедере, то есть ДО элемента (а не ПОСЛЕ)

@Nick4343 · 02.11.2018, 10:28 **[ТС]**

Всем спасибо!

@amr-now · 02.11.2018, 10:32

Сообщение от kalabuni

вы в своём посте разместили назначение функции в хедере, то есть ДО элемента (а не ПОСЛЕ)

У меня в обоих примерах скрипт расположен после элемента <a>. Так что непосредственно в этих примерах всё в порядке.

Событие onclick для кнопки

Решение

Решение

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	02.11.2018, 10:12	5
	Сообщение от amr-now этот простой скрипт после элемента сам дожидается построения этого элемента в DOM-дереве. согласен... но вы в своём посте разместили назначение функции в хедере, то есть ДО элемента (а не ПОСЛЕ) 0

@Nick4343 0 / 0 / 0 Регистрация: 23.05.2018 Сообщений: 20
	02.11.2018, 10:28 [ТС]	6
	Всем спасибо! 0

@amr-now 6493 / 3904 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	02.11.2018, 10:32	7
	Сообщение от kalabuni вы в своём посте разместили назначение функции в хедере, то есть ДО элемента (а не ПОСЛЕ) У меня в обоих примерах скрипт расположен после элемента <a>. Так что непосредственно в этих примерах всё в порядке. 0

Опции темы