JQuery를 사용하여 onclick 이벤트 속성 제거하기

a 태그나 span 태그 등 html에 onclick 이벤트를 적용할 수 있습니다.

 

<a id="clickTest" onclick="javascript:registerNewMember()">회원등록</a>

 

그런데 이렇게 적용되어 있는 onclick 이벤트  속성을 제거할 필요가 있을 때도 있습니다.

 

순수 Javascript라면 다음과 같이 onclick attribute 속성에 직접 null값을 줌으로써, onclick 이벤트가 발생되지 않도록 할  수 있습니다.

 

document.getElementById("clickTest").onclick = null;

 

그런데 JQuery를 이용해서 onclick 속성을 제거하려면 기본 javascript의 함수나 속성 설정 방식을 그대로 사용할 수 없습니다.

 

$("clickTest").onclick = null;

$("clickTest").attr("onclick",  null);

$("clickTest").removeAttr("onclick");

 

 

이  때에는  JQuery를 통해 처리하려면 JQuery에서 제공하는 unbind 함수를 사용하면 됩니다.

 

$("#clickTest").attr('onclick', '').unbind('click');