> 웹 프론트엔드 > JS 튜토리얼 > 위젯으로 입력 값을 설정한 후 Onchange 이벤트를 수동으로 트리거하는 방법은 무엇입니까?

위젯으로 입력 값을 설정한 후 Onchange 이벤트를 수동으로 트리거하는 방법은 무엇입니까?

Patricia Arquette
풀어 주다: 2024-12-26 09:26:16
원래의
268명이 탐색했습니다.

How to Manually Trigger an Onchange Event After Setting Input Value with a Widget?

위젯을 통해 입력 값을 설정할 때 Onchange 이벤트를 수동으로 트리거하는 방법

캘린더 위젯을 통해 날짜-시간 텍스트 필드의 값을 동적으로 업데이트할 때 다음이 필요합니다. onchange 이벤트를 수동으로 트리거하기 위해 발생합니다. 이는 document.getElementById('datetimetext').value = date_value;와 같은 위젯의 값 할당이 기본 이벤트 트리거를 우회하기 때문입니다.

해결책은 MDN에서 제안한 대로 맞춤 이벤트 객체를 수동으로 전달하는 데 있습니다. :

// Assuming we're listening for e.g. a 'change' event on `element`

// Create a new 'change' event
var event = new Event('change');

// Dispatch it.
element.dispatchEvent(event);
로그인 후 복사

이 사용자 정의 이벤트를 전달하면 onchange 이벤트 핸들러를 수동으로 트리거할 수 있으므로 필요에 따라 페이지를 방문하세요.

위 내용은 위젯으로 입력 값을 설정한 후 Onchange 이벤트를 수동으로 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿