집 >웹 프론트엔드 >JS 튜토리얼 >OCX control_javascript 기술의 이벤트 응답 예의 JS 구현

OCX control_javascript 기술의 이벤트 응답 예의 JS 구현

JS는 OCX 컨트롤의 이벤트를 지원합니다. OCX 컨트롤에서 정의한 이벤트가 발생하면 JS는 이벤트를 캡처하고 그에 따라 이벤트를 처리할 수 있습니다.

개인적으로 이해하면 실제로 이벤트 응답을 완료하는 사람은 OCX 컨트롤 자체를 확실히 구현할 수 있습니다. JS가 제공하는 메커니즘을 통해 JS도 OCX 컨트롤 이벤트에 대한 응답을 완료할 수 있습니다.

간단한 예는 다음과 같습니다.

먼저 OCX 컨트롤에 커스텀 이벤트를 추가하세요. (마우스 클릭 등 미리 정의된 이벤트에도 동일하게 적용됩니다. 직접 해보지는 않았지만 원칙은 동일해야 합니다.)

이벤트는 창에 속해야 하므로 아래와 같이 Ctrl 클래스를 마우스 오른쪽 버튼으로 클릭하고 이벤트 추가->추가를 클릭하세요.

열린 대화 상자에 OnChange와 같은 이벤트 이름을 입력합니다. 매개변수가 필요한 경우 매개변수 정보를 설정하고 [마침]을 클릭하면 다음과 같이 마법사가 자동으로 코드를 생성합니다

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

//이벤트 매핑 

BEGIN_EVENT_MAP(CH_OcxCtrl, COleControl) 

EVENT_CUSTOM_ID("OnChange", eventidChange, OnChange, VTS_NONE) 

END_EVENT_MAP()

이벤트 정의가 완료되면 이벤트가 트리거되어야 합니다. OCX 컨트롤의 함수에서 OnChange()를 호출하여 이벤트를 트리거할 수 있습니다.
이제 OCX 컨트롤의 이벤트 정의가 완료되었습니다.

다음 단계는 JS에서 이벤트에 대한 응답이며, 코드는 다음과 같습니다.

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