HTML의 A 태그에서 onclick과 href 사용

작은 쓰레기 같은 놈들 · 게시됨 2015. 11. 5. 오후 4:05:21

링크된 온클릭 이벤트가 먼저 실행되고, 그 다음에 href 속성 하의 동작(페이지 점프, 또는 javascrip{filter}t 의사 링크)이 실행됩니다;
링크에 href와 onclick이 모두 있다고 가정할 때, href 속성 하의 액션이 실행되지 않도록 하려면 onclick이 false return 값을 받아야 합니다. 믿기 힘들면 goGoogle 기능에서 'return false'라고 댓글을 달 수 있습니다;
페이지가 너무 길고 스크롤 바가 있고, 연결된 온클릭 이벤트를 통해 작업을 수행하고 싶다면, href 속성은 javascrip{filter}t:void(0)로 설정해야 합니다; 원치 않는 페이지 튀김을 방지하는 #이 아닙니다;
링크된 href 속성에서 반환 값이 있는 함수를 호출하면, 현재 페이지의 내용은 이 함수의 반환 값으로 대체됩니다;
Shift 키를 누를 때는 차이가 있습니다.
오늘 제가 겪은 문제는 IE6.0에서 href 형태로 parentNode에 접근할 수 없다는 점입니다.
javascrip{filter}t: 프로토콜을 A의 href 속성으로 사용하지 않도록 하세요. 그러면 window.onbeforeunload 이벤트가 불필요하게 트리거될 뿐만 아니라 IE에서 애니메이션 GIF도 멈출 수 있습니다

제가 겪은 내용은 다음과 같습니다:

href 속성을 설정하지 않으면 IE6 아래에서 마우스를 올리는 데 반응하지 않습니다. 더블 클릭하면 이 1-a 태그 대신 태그의 상위 컨테이너를 선택할 수 있습니다(이 문제는 IE에서 발생합니다).
<a href="javascirpt:fn(this)"> 이 <a> 요소를 가져오는 fn 메서드가 있고, 첫 번째 메서드가 null임을 통과한다고 가정해 봅시다.

따라서 권장되는 작성 방법은 <a href="javascrip{filter}t:void(0)"입니다>

[HTML/HTML5] HTML의 A 태그에서 onclick과 href 사용

관련 게시물

본 섹션