Frontend/JQuery

제이쿼리 이벤트 바인딩 및 강제 실행하기

leecom116 2023. 10. 15. 18:12

on() 

특정 요소에 이벤트를 바인딩하기 위해 사용

$('.firstBtn').on('click', function () {
  alert('첫번째 버튼');
  $('.result').text('첫번째 버튼 클릭');
})

 

off()

특정 요소에 바인딩 된 이벤트를 제거하기 위해 사용

$('.firstBtn').off('click');

 

trigger()

호출한 이벤트 요소에 해당하는 바인딩된 함수를 찾아 강제 실행

// firstBtn 클래스에 바인딩 된 이벤트 요소 중에서 click 이벤트를 찾아 강제 실행
$('.firstBtn').trigger('click');