[Javascript] 하이퍼 링크에서 탐색을 확인하기 위해 addEventListener를 통해 클릭 이벤트 추가


Answers

기본 이벤트 핸들러의 실행을 막아야합니다.

Javascript의 addEventListener ()를 사용하여 HTML 양식의 기본 submit () 비헤이비어를 재정의하는 방법을 참조하십시오.

--편집하다--

우리는 대답을 편집하는 동안 자신이 대답 한 것을 보았습니다.

Question

필자는 본질적으로 사용자가 실제로 클릭하고 싶은 링크를 클릭 할 때 확인하는 JavaScript를 작성하고 있습니다.

내 코드는 현재 다음과 같습니다.

var Anchors = document.getElementsByTagName("a");

for (var i = 0; i < Anchors.length ; i++)
{
    Anchors[i].addEventListener("click", function () { return confirm('Are you sure?'); }, false);
}

이 코드는 확인 상자를 표시 할 것으로 예상되는대로 표시하지만 확인 상자에서 누른 단추에 관계없이 링크로 이동합니다.

문제는 addEventListener (또는 구현 구현의 제한) 내 사용과 관련이 있다고 생각합니다. HTML 파일에 다음을 수동으로 추가하면 동작이 정확히 기대했던 것입니다.

<a href="http://www.google.com" onclick="return confirm('Are you sure?')">Google</a><br />