Как вызвать функцию JavaScript при нажатии на ссылку?

Question

Как вызвать функцию JavaScript при нажатии на ссылку?

0

Когда я нажимаю ссылку "Выход", вызывается мой файл logout.php, который меня выводит.

<a href=logout.php>Logout</a>

Как я могу вызвать следующую функцию javascript перед вызовом файла logout.php по щелчку ссылки "Выход".

Функция Javascript

function callMeBeforeLogout()
{
    alert("Do you really want to logout?");
}

Gautam3164 05 апр. 2014, в 09:32

Источник

2

Вы должны добавить обработчик события onclick : <a href=logout.php onclick="callMeBeforeLogout()">
hindmost 05 апр. 2014, в 06:59
0

Добавьте событие onclick и для href вы можете использовать javascript:; ,
Fr0zenFyr 05 апр. 2014, в 07:01
0

@hindmost - ваше решение сработало с первой попытки :)
user1556433 05 апр. 2014, в 07:07

Показать ещё 1 комментарий

Теги:

php

javascript

html

3 ответа

5

Я предпочитаю ненавязчивый подход

<a href="/logout" id="logout-link">logout</a>

Затем добавьте скрипт

<script>
  var logoutLink = document.getElementById("logout-link");

  logoutLink.addEventListener("click", function(event) {
    if (confirm("Do you really want to logout?")) return;
    event.preventDefault();
  });
</script>

Если пользователь нажимает "ОК", они просто следуют за href указанным в исходной ссылке (/logout)

Если пользователь нажимает "Отмена", диалог подтверждения исчезнет, и ничего не произойдет.

Если у пользователя отключен JavaScript, ссылка будет работать, просто без подтверждения.

user633183 05 апр. 2014, в 05:33

0

Как вы использовали logoutLink ?
Fr0zenFyr 05 апр. 2014, в 07:09
0

Теперь лучше. Теперь это должно работать.
Fr0zenFyr 05 апр. 2014, в 07:11
0

рефакторинг: confirm('logout?') ? function(){return} : event.preventDefault();
bprayudha 05 апр. 2014, в 07:12
0

@bprayudha, я немного изменил это.
user633183 05 апр. 2014, в 07:17

Показать ещё 2 комментария

3

попробуйте добавить событие onclick

<a href="javascript:void(0);" onclick="callMeBeforeLogout();">Logout</a>

function callMeBeforeLogout() {
  alert('hi i m here');
}

если вы хотите перенаправить использование window.location или window.location.href

Gaurav Parashar 05 апр. 2014, в 05:41

Ещё вопросы

Вы должны добавить обработчик события onclick : <a href=logout.php onclick="callMeBeforeLogout()">
Добавьте событие onclick и для href вы можете использовать javascript:; ,
@hindmost - ваше решение сработало с первой попытки :)
Теперь лучше. Теперь это должно работать.
рефакторинг: confirm('logout?') ? function(){return} : event.preventDefault();

Gautam3164 · Accepted Answer · 2014-04-05T05-28-00.000Z

Попробуйте

<a href="javascript:;" onclick="callMeBeforeLogout();">Logout</a>

И в вашей функции вы должны писать как

function callMeBeforeLogout()
{
    var cnfrm = confirm("Do you really want to logout?");
    if(cnfrm) {
        // here redirect to 'logout.php'
        window.location.href = 'logout.php';
    }
}

@ Fr0zenFyr ;-) но мой ответ был за 3 минуты до твоего комментария
Я знаю, следовательно, я не повторил ответ.