텍스트 로 자바스크립트 실행하는 방법

텍스트를 눌렀을때 자바스크립트가 실행되게 하는 방법에는 여러가지가 있다.

첫번째로 가장 흔히 쓰이는 href 속성을 이용하는것이다.

<a href="javascript:test()">test</a>

다음으로 쓰이는 방법이 onclick 속성을 이용하는것인데.

<a href="#" onclick="test()">test</a>

이 방법은 클릭 했을때 # 에 의해 문서의 제일 처음으로 간다는 단점이 있어서 잘 쓰지는 않는다.

그럼 첫번째 방법은 단점이 없느냐?

없는줄 알았다..ㅡ.ㅡ;

두 방법의 차이점은 바로 event 객체의 사용 유무 이다.

첫번째 href 속성으로 했을경우 event 객체를 사용하면 거기서 스크립트가 멈춰버린다..

오류도 없다. 메시지도 없다.. 그냥 멈춘다..ㅡ.ㅡ;

a 태그가 그런 단점을 가진다면 어떻게 하는것이 좋을까?

경험으론 아래와같이 span 태그를 이용하는 방법이 가장 좋다.

<span style="cursor:hand" onclick="test()">test</span>

그냥 쓰면 커서가 변하지 않아서 링크처럼 안보이기때문에 부득이 style 을 쓰느라고 조금 길어졌다.

그러나 긴만큼 a 태그사용에서 오던 문제점은 없다.