올바른 키코드를 사용하여 Safari에서 키보드 이벤트를 시뮬레이션하는 방법은 무엇입니까?

JavaScript를 사용하여 Safari에서 키보드 이벤트를 전달하는 방법

JavaScript에서 키보드 이벤트를 시뮬레이션하는 것은 특히 Safari에서 문제가 될 수 있습니다. 이 문제는 특정 keyCode 또는 이벤트 개체 내의 속성을 설정하려고 할 때 발생합니다. 대신 이러한 속성의 기본값은 0으로 설정되어 이벤트 시뮬레이션 로직의 원활한 실행을 방해합니다.

이 문제를 해결하기 위한 안정적인 솔루션에는 DOM 키보드 이벤트 레벨 3 폴리필을 활용하는 것이 포함됩니다. 이 폴리필을 구현하면 key, char 및 ShiftKey 속성을 직접 정의할 수 있는 향상된 구문을 활용할 수 있습니다. 또한 "keyCode", "charCode" 및 "which"와 같은 레거시 속성 정의를 지원하여 이전 브라우저와의 호환성을 제공합니다.

element.addEventListener("keydown", function(e){ console.log(e.key, e.char, e.keyCode) })

var e = new KeyboardEvent("keydown", {bubbles : true, cancelable : true, key : "Q", char : "Q", shiftKey : true});
element.dispatchEvent(e);

//If you need legacy property "keyCode"
// Note: In some browsers you can't overwrite "keyCode" property. (At least in Safari)
delete e.keyCode;
Object.defineProperty(e, "keyCode", {"value" : 666})

폴리필을 활용하면 이제 효과적으로 키보드 이벤트를 전달할 수 있습니다. 원하는 keyCode 값으로 Safari에서 안정적인 이벤트 시뮬레이션을 보장합니다.

위 내용은 올바른 키코드를 사용하여 Safari에서 키보드 이벤트를 시뮬레이션하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!