jquery .off()

#hostingforum.kr
javascript

// 이벤트 핸들러 등록

$('#myButton').on('click', function() {

    console.log('클릭!');

});



// 이벤트 핸들러 제거

$('#myButton').off('click');

#hostingforum.kr
javascript

// 이벤트 핸들러 등록

$('#myButton').on('click mouseover', function(event) {

    if (event.type === 'click') {

        console.log('클릭!');

    } else if (event.type === 'mouseover') {

        console.log('마우스 오버!');

    }

});



// 이벤트 핸들러 제거 (클릭 이벤트)

$('#myButton').off('click');



// 이벤트 핸들러 제거 (모든 이벤트)

$('#myButton').off();

#hostingforum.kr
javascript

// 이벤트 핸들러 등록

$('#myButton').on('click', { foo: 'bar' }, function(event) {

    console.log(event.data.foo); // bar

});



// 이벤트 핸들러 제거 (이벤트 이름과 데이터)

$('#myButton').off('click', { foo: 'bar' });

#hostingforum.kr
javascript

off: function( types, selector, data, fn ) {

    var elem, i, l, off, orig, handle, namespace;



    types = types.split(' ');

    selector = selector || '';

    data = data == null ? undefined : data;

    fn = fn == null ? undefined : fn;



    for ( i = this.length; i-- > 0; ) {

        elem = this[i];



        if ( selector && selector !== '*' ) {

            if ( !elem.matches(selector) ) {

                continue;

            }

        }



        for ( l = types.length; l--; ) {

            handle = elem._data('events')[types[l]];



            if ( handle ) {

                orig = handle.orig;

                if ( fn === undefined && orig === fn ) {

                    handle.handle = null;

                } else if ( fn === undefined ) {

                    for ( i = handle.length - 1; i >= 0; i-- ) {

                        if ( handle[i].orig === orig ) {

                            handle.splice(i, 1);

                            break;

                        }

                    }

                } else if ( handle[handle.length - 1] === fn ) {

                    handle[handle.length - 1] = null;

                }

            }

        }

    }



    return this;

}