jQuery .on() and .off () 네임스페이스

1832 단어 jquery
jQuery1.7부터 jQuery는 새로운 이벤트 귀속 메커니즘을 도입했다. jQuery .on() 및 off() 두 함수가 이벤트 귀속을 통일적으로 처리하는 것도 jQuery가DOM 요소 이벤트를 촉발하는 가장 좋은 방법이다.때때로 trigger가 수동으로 이벤트를 터치하거나 DOM 요소에서 이벤트를 해제해야 합니다. 예를 들어:
$('.item').on('click', doThisCoolThing);
$('.item').on('click', doThisOtherCoolThing);
$('.item').trigger('click'); //   click     
$('.item').off('click'); //   click     

 
이벤트 이름 공간을 사용하면 이벤트를 만들 때 이벤트 프로세서에 이름을 지정하고 trigger () 와off () 를 사용할 때 이 이름을 통해 특정한 함수를 지정할 수 있습니다.호출할 때 서로 다른 이름 공간을 사용하여 유연한 파견 이벤트를 사용할 수 있습니다.예를 들면 다음과 같습니다.
$('.item').on('click.navigate', doThisCoolThing);
$('.item').on('click.notify', doThisOtherCoolThing);
$('.item').trigger('click.navigate'); //     navigate             
$('.item').off('click.notify'); //     notify             

 
또한 여러 개의 네임스페이스를 사용할 수 있으며 어떤 이름을 사용하든 효력이 발생합니다. 네임스페이스 코드 규범(제품. 모듈. 이벤트)을 통해 이벤트의 차원을 더욱 명확하게 합니다.
$('.item').on('click.navigate.notify', doThisCoolThing);
$('.item').trigger('click.navigate'); //    click  
$('.item').off('click.notify'); //    click  

 
참고자료: http://www.andismith.com/blog/2011/11/on-and-off/http://www.andismith.com/blog/2013/02/jquery-on-and-off-namespacing/

좋은 웹페이지 즐겨찾기