본문 바로가기

TIL ( Today I Learn ! )/FrontEnd

a tag에 default cilck(강제로 클릭) 이벤트 넣기

HTML의 a tag를 이미 클릭한 상태로 만드는 방법

  • HTML
<!-- default 클릭 상태로 만들 a tag -->
<a href="#" class="default_a"></a>
  • js(jquery)
<!-- jquery 사용법: html 파일에 아래 코드 삽입 -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
// html이 켜질 때 작동하는 함수
$(document).ready(function(){
  // a tag가 눌렸을 경우 실행할 함수
  $(".default_a").click(function(e){
      e.preventDefault();  // a tag가 눌려서 지정된 herf 위치로 넘어가는 작동을 막음
      // 작동시킬 내용 넣기
  });

  // a tag를 default로 클릭시키는 함수, 클릭 시 작동될 함수(위에 것) 선언 뒤에 넣어야 함
  $(".default_a").trigger()
)};