[ Web 관련 ]/jQuery

jQuery bind(), unbind(), on(), off() 이벤트 등록 및 해제

BIZLAB 2023. 2. 10. 14:53

jquery 1.7부터 bind/unbind가 개선되어 나온 것이 on/off 메서드

 

<script>

  $("#a_click").click(function() {
      alert("click event");
  });
  
  // unbind로 기존 click 이벤트 해제
  $("#a_click").unbind("click"); // click 이벤트만 해제
  //$("#a_click").unbind(""); // 전체 해제
  
  // bind로 이벤트 등록
  $("#a_click").bind("click", function() {
      alert("click event2");
  });
  
</script>

<a href="javascript:;" id="a_click">click!</a>

또는

<script>

  $("#a_click").click(function() {
      alert("click event");
  });
  
  // 기존 click 이벤트 해제 후 등록
  $("#a_click").unbind("click").bind("click", function() {
      alert("click event2");
  });
    
</script>

<a href="javascript:;" id="a_click">click!</a>