jQuery:unbind 방법의 사용 설명

3505 단어 프런트엔드jQuery
jQuery:unbind 방법의 사용 설명
개요: unbind 방법은 jQuery의bind 방법과 jQuery 방법으로 등록된 이벤트 처리 프로그램만 풀 수 있습니다.예를 들어 $('a').click (function () {}) 는 unbind를 통해 묶음을 풀 수 있습니다.원생addeventListener 및IE의attachEvent로 등록된 이벤트 및 onclick/onmouseover 속성으로 귀속된 이벤트는 unbind를 통해 해제할 수 없습니다.예를 들면 다음과 같습니다.
         unbind  :
$('a').click(function(){});
$('a').bind('click',function(){})

          unbind  
var a = document.getElementById('a');
a.addEventListener(a,function(){},false);
a.onclick = function(){}

2. 사용 방법:
원소에서 지정한 처리 이벤트를 묶을 수 있는 이벤트 이름 문자열을 하나 이상 가져옵니다.
예를 들면 다음과 같습니다.
    //    a  click  
    $('a').unbind('click');
    //  a    mouseover  mouseoverout  
    $('a').unbind('mouseover mouseout');

이상의 방식은 비교적 난폭하기 때문에 만약에 다중 모듈 개발에서 다른 모듈에 등록된 처리 함수를 직접 해제할 수 있다.그래서 명명 공간의 방식으로 묶음을 풀 수 있다.예를 들면 다음과 같습니다.
    $('a').unbind('click.myspace')
    $('a').unbind('mouseover.myspace,mouseout.myspace)

이벤트 처리 프로그램의 인용을 사용하여 묶음을 풀다.이때 첫 번째 파라미터는 이벤트 이름이고, 두 번째 파라미터는 이벤트 처리 함수 이름입니다.
function handler(){
    alert('hello');
}
$('a').bind('click',handler);
$('a').unbind('click',handler);

하나의 대상을 unbind에 전송하고, 이 대상의 모든 키의 이름에 대응하는 이벤트를 취소합니다.value는 연결된 이벤트 처리 함수 이름입니다.다음과 같습니다.
    $('a').unbind({
        mouseover: mouseoverHandler,
        mouseout: mouseoutHandler
    });

jQuery Event 객체를 unbind에 전송하거나 이벤트에 대응하는 처리 함수를 해제할 수 있습니다.예를 들면 다음과 같습니다.
    $('a').click(function(event){
        if(    ){
            $('a').unbind(event);
        }
    });

주의: unbind (이벤트) 를 호출하는 방법은 unbind (이벤트 형식, 이벤트 처리 함수 이름) 를 호출하는 것과 같습니다.

좋은 웹페이지 즐겨찾기