>웹 프론트엔드 >JS 튜토리얼 >jQuery live(type, fn) 위임 이벤트 구현_jquery

jQuery live(type, fn) 위임 이벤트 구현_jquery

WBOY
WBOY원래의
2016-05-16 18:45:021337검색

현재 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup을 지원합니다.
Blur, focus, mouseenter, mouseleave,change, submit은 아직 지원되지 않습니다.
bind()와 달리 live()는 한 번에 하나의 이벤트만 바인딩할 수 있습니다.
이 방법은 기존 바인딩과 매우 유사합니다. 차이점은 라이브를 사용하여 이벤트를 바인딩하면 페이지의 모든 현재 및 미래 요소에 이벤트가 바인딩된다는 것입니다(위임 사용). 예를 들어 live를 사용하여 클릭 이벤트를 페이지의 모든 li에 바인딩하는 경우입니다. 그런 다음 나중에 이 페이지에 li가 추가되면 새로 추가된 li의 클릭 이벤트를 계속 사용할 수 있습니다. 새로 추가된 요소에 이벤트를 다시 바인딩할 필요가 없습니다.
.live()는 널리 사용되는 liveQuery 플러그인과 매우 유사하지만 다음과 같은 주요 차이점이 있습니다.
* .live는 현재 모든 이벤트의 하위 집합만 지원합니다. 지원 목록은 위 설명을 참조하세요.
* .live는 liveQuery에서 제공하는 "eventless" 스타일 콜백 함수를 지원하지 않습니다. .live는 이벤트 처리 기능만 바인딩할 수 있습니다.
* .live에는 "설정" 및 "정리" 프로세스가 없습니다. 모든 이벤트는 요소에 직접 바인딩되지 않고 위임되기 때문입니다.
live와 연결된 이벤트를 제거하려면 die 메소드
반환 값
jQuery
매개변수
type(String): 공백으로 구분된 하나 이상의 이벤트 이름
fn( 기능): 바인딩할 이벤트 처리 기능

클릭하여 생성된 p는 여전히 동일한 기능을 갖습니다.
HTML 코드:

클릭하세요!


jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("p").live("click", function(){
$(this).after("

또 다른 단락입니다.

");
});
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.