programing tip

jQuery 이벤트 유형의 전체 목록 찾기

itbloger 2020. 10. 25. 11:42
반응형

jQuery 이벤트 유형의 전체 목록 찾기


트리거 될 때 몇 가지 설명과 함께 모든 jQuery 지원 이벤트 (예 click: mouseup등) 의 전체 목록을 어디에서 찾을 수 있습니까 ? 바인딩 할 수있는 항목을 찾고 있습니다.

$('#foo').bind('click', handler);

예를 들어 우연히 paste이벤트가 있음을 알았지 만 문서의 어느 곳에서도 이에 대한 참조를 찾을 수 없습니다. 또 뭐가 있지?


완전하지 않은 목록은 http://api.jquery.com/category/events/에 있습니다. 를 통해 지원 더 DOM 이벤트가있다 .bind().live(). 이러한 함수는 모든 표준 DOM 이벤트에 핸들러를 할당 할 수 있으며, 대부분은 http://www.quirksmode.org/dom/events/에 호환성 표와 함께 나열되어 있습니다 .

.bind () 메서드는 비헤이비어를 문서에 첨부하는 기본 수단입니다. focus, mouseover 및 resize와 같은 모든 JavaScript 이벤트 유형은 eventType에 대해 허용됩니다.


jQuery 1.7부터 .on()대신을 사용해야합니다 ..live().bind()


MDN은 대부분의 표준 및 비표준 이벤트에 대한 좋은 개요를 가지고 있습니다.

https://developer.mozilla.org/en-US/docs/Web/Reference/Events


jQuery 이벤트의 전체 목록을 확인할 수 있습니다. http://api.jquery.com/category/events/

그러나 paste언급 한 이벤트 와 관련하여 jQuery는 표준 DOM 이벤트에도 바인딩 할 수 있습니다. MDN https://developer.mozilla.org/en-US/docs/Web/Events에서 좋은 목록을 제공합니다.


이 페이지는 내가 아는 한 모든 브라우저에서 작동하는 모든 이벤트 나열합니다 . 다른 사람들이 지적했듯이 모든 브라우저에서 작동하지 않기 때문에 여기서 "붙여 넣기"이벤트를 찾을 수 없습니다.

http://www.authenticsociety.com/jquery/list-all-jquery-events.html


이 질문이 꽤 오래되었다는 것을 알고 있습니다. 그러나이 질문에 대한 업데이트되고 완전한 답변을 제공하기 위해.

바로 가기 메서드의 이름항상 on () / bind () / live () 메서드에서 사용되는 이벤트 이름 과 동일 합니다.

따라서 바로 가기 이벤트 기능을 사용하고 싶지만 on () / bind () / live ()를 사용하여 메서드 이름을 사용 하고 대괄호를 생략하고 "eventname"/ 'eventname' 과 같이 따옴표로 묶을 수 있습니다. 동일하게 작동해야합니다.

예를 들어 : .dblclick ()-> 'dblclick'=>

$('a').on('dblclick', function() {  
    console.log("I got double clicked");
}

http://api.jquery.com/category/events/ 는 이벤트 메서드의 전체 목록입니다. (예, 내가이 사이트를 가리키는 유일한 사람은 아니지만 설명과 함께 실제로 'on'/ 'live'/ 'bind'에 대한 전체 이벤트 목록임을 압니다.)

on ()을 사용할 기회가 있다면 on ()이 똑같이하고 'bind'와 'live'에 대한 모든 호출이 실제로 'on'함수를 호출하기 때문에 그렇게해야합니다. : 여기에 더 이것에 대해 증명이다 `on`와`live` 또는`bind`의 차이점은 무엇입니까?

또한 어떤 사람들은 터치 (모바일) 이벤트에 대해 물었습니다. 나는 일반적으로 on () 이벤트 메소드에 익숙해지는 것이 좋습니다. jQuery 모바일 문서 에 따르면 이것은 html 요소에 터치 이벤트를 등록하는 유일한 방법이며, 이는 jQuery의 향후 API가 bind () / live (를 제거 할 계획과 동등합니다.) ) 및 모든 바로 가기 이벤트 방법.

참고 URL : https://stackoverflow.com/questions/2924173/looking-for-a-full-list-of-jquery-event-types

반응형