지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

JS 등록/제거 이벤트 핸들러(ExtJS 애플리케이션 설계실습)_javascript 스킬

WBOY
풀어 주다： 2016-05-16 17:34:27
원래의
1155명이 탐색했습니다.

ExtJS 애플리케이션을 디자인할 때 가장 일반적으로 하는 일은 이벤트 핸들러를 등록하는 것입니다. 왜냐하면 ExtJS의 세계는 거의 전적으로 시간으로 구성되어 있기 때문입니다. 따라서 ExtJS의 디자이너는 이벤트 등록을 매우 쉽게 만듭니다(또한 선택하기 매우 어려운 방법도 제공합니다) - on/un, 즉 위아래로 또는 addListener 및 RemoveListener, 요소는 모든 하위 클래스에서 사용 가능합니다. 예를 들어, 사용자가 클릭할 때 간단한 피드백을 제공하려는

가 있습니다.
;div/> ;마우스 클릭 이벤트를 등록하는 것은 어떻습니까? 먼저 이 div의 Element 인스턴스를 가져와야 합니다.
varhappyDiv=Ext.get('happyDiv')
그런 다음 이벤트 핸들러를 정의합니다.

코드 복사 코드는 다음과 같습니다.
varclickHandler=function(event,eventTarget){
Ext.MessageBox.alert("Click","Youclicked :" eventTarget.id ;

코드는 다음과 같습니다.

happyDiv.on('click',clickHandler);
프로그램이 실행될 때 실행 후
를 클릭하면 그림 3-15와 같은 결과가 나타납니다. 꽤 간단하죠? 샘플 파일은 ch03/event_demo.html입니다. 이 이벤트 핸들러를 제거하려면 on()을 un()으로 변경하면 됩니다. 제거할 때 클릭 이벤트에 해당하는 이벤트 핸들러가 없어도 문제가 되지 않습니다. 기본 EventManager가 자체적으로 판단합니다. 이벤트 핸들러가 호출되면 event, eventTarget 및 optionObj라는 세 가지 매개변수를 받게 됩니다. 예제에서는 세 번째 매개변수만 사용하여 EventManager를 설명합니다. 여기서는 먼저 event와 eventTarget에 중점을 둡니다. 이벤트 유형은 Ext.Event이고 eventTarget은 HTML 요소입니다. 사용자가
관련 라벨：
注册事件 移除事件
원천：php.cn
이전 기사：jQuery ui Plug-in_jquery 사용 방법에 대한 코드 예제 다음 기사：선택 드롭다운 메뉴 control_javascript 기술을 시뮬레이션하는 js 코드
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
로그인하지 않고 Firebase를 사용하여 Vue에서 사용자 만들기 사용자 프로필을 생성하기 위한 양식을 만들었습니다. 하지만 사용자를 만들 때마다 문제가 발생합니다. 로그인 및 로그아웃된 사용자입니다. 이 문제를 해결하는 데 도...
에서 2024-04-06 14:20:12
0
1
514
React Three Fiber: 스크롤 이벤트가 지연되는 이유는 무엇입니까? ReactThreeFiber에는 카메라 줌 전체에 걸쳐 유지하려는 스프라이트를 생성하는 React 구성 요소가 있습니다. 알고리즘은 작동하는 것 같지만(시간이 지...
에서 2024-04-06 13:39:24
0
1
410
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿