javascript에서 HTML의 acho 태그에 Click 이벤트를 배치하시겠습니까?

Question

누구든지 도와줄 수 있습니까? 앵커 태그의 onclick 이벤트를 배치하는 데 문제가 있는 것 같습니다. 이미지에서 작동합니다.나는 이것을 가지고있다

this.whereAreWe = document.getElementById('where_are_we');
this.whereAreWe.onclick = this.whereAreWe;

"where_are_we"라는 ID를 사용하여 A 태그를 배치했습니다.

하지만 결코 실행되지 않습니다 ..이미지로 바꾸면 잘 되더라구요..

나는 또한 href="#"을 넣었습니다.

앵커 태그와 코드를 통해 onclick을 적용하는 데 특별한 것이 있습니까?

또한 href를 제거하려고 시도했지만 href를 제거하면 작은 손 아이콘이 표시되지 않습니다.

함수에 중단점을 넣었고 이미지가 입력되었지만 앵커를 사용하면 중단점이 발생하지 않습니다.

어떤 아이디어가 있나요?

Answer 1

또한 href를 제거하려고 시도했지만 href를 제거하면 작은 손 아이콘이 표시되지 않습니다.

대상 문서나 웹 리소스의 URL을 지정하려면 'a' 태그에 'href' 속성이 필요합니다.지정하지 않은 경우 마우스를 올려도 커서가 변경되지 않습니다.물론 CSS를 사용하여 이를 수정할 수 있지만 그것은 다른 질문입니다.

Answer 2

제공 한 코드는 혼란 스럽습니다. 다음 코드는 나에게 올바르게 작동합니다.

<a href="#" id="whereWeAre">a link</a>
<script type="text/javascript">
  var whereWeAre = document.getElementById("whereWeAre");

  function testClick() {
    alert("You clicked!");
  }

  whereWeAre.onclick = testClick;
</script>

예제가 조금 더 구체적이라면 아마도 더 도움이 될 수 있습니다.

Answer 3

자바스크립트에는 2가지 문제가 있습니다."this"를 사용하고 onclick 이벤트를 HREF의 DOM 요소 참조에 다시 바인딩합니다.대신 이것을 시도해 보세요:

var whereAreWe = document.getElementById("where_are_we");
whereAreWe.onclick = function(){ 
     alert("Click event on Where are We");
     return false;
};