[HTML] a태그 onclick event (클릭 이벤트) anchor / a태그 구글 gtag

■ HTML a태그 onclick event (클릭 이벤트) anchor / a태그 구글 gtag

---

■ 사용법

• a태그 클릭 시 href 막기 (href가 동작하긴 하지만 사실상 동작을 안 하는 것처럼 보임)

onclick 이벤트를 사용하여 a 태그 클릭 시 스크립트 실행

<a href="javascript:;" onclick="gtag('event', '카톡상담',{'event_category': '카톡상담'});" ></a>

 

• a 태그 클릭 시 onclick() 함수도 실행된 후 href 설정된 경로로 이동하기 (target="_blank" 새창으로 띄워짐)

<a href="https://zxchsr.tistory.com" onclick="gtag('event', '카톡상담',{'event_category': '카톡상담'});" target="_blank" ></a>

a태그 내 href와 onclick 모두 구현되어 있을 경우 onclick 이벤트가 먼저 실행된 후 href 가 실행됨

* onclick()가 실행된 후 onclick 이벤트의 리턴값이 true일 경우 href 경로로 이동이 되며, 
false일 경우 href 경로가 설정이 되어 있어도 이동이 되지 않음