정확한 키 코드 전파를 통해 Safari에서 키보드 이벤트를 시뮬레이션하는 방법은 무엇입니까?

JavaScript를 사용하여 Safari에서 키보드 이벤트 시뮬레이션

기존 접근 방식을 사용하여 Safari에서 키보드 이벤트를 시뮬레이션하려고 할 때 개발자는 키 코드가 0으로 설정되는 문제에 자주 직면합니다. 원하는 값. 그러나 JavaScript의 DOM 키보드 이벤트 레벨 3 폴리필을 사용하여 사용할 수 있는 안정적인 솔루션이 있습니다.

DOM 키보드 이벤트 레벨 3 폴리필

DOM 키보드 이벤트 레벨 3 폴리필을 사용하면 개발자가 키보드 이벤트를 생성하고 전달할 수 있습니다. 향상된 호환성으로 이 폴리필을 사용하려면 다음 단계를 따르세요.

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);

레거시 속성

"keyCode", "charCode" 및 "which"와 같은 레거시 속성이 필요한 경우 업데이트된 폴리필이 완전히 그들을 지원합니다. 간단하게 다음과 같이 KeyboardEvent를 초기화하세요.

var e = new KeyboardEvent("keydown", {
    bubbles : true,
    cancelable : true,
    char : "Q",
    key : "q",
    shiftKey : true,
    keyCode : 81
});

대체 옵션

브라우저 간 호환성을 위해 다음 대체 initKeyboardEvent 메서드를 사용하는 것이 좋습니다.

function initKeyboardEvent(type, bubbles, cancelable, view, key, location, modifiersList, repeat, locale) {
    var evt = document.createEvent("KeyboardEvent");
    evt.initKeyboardEvent(type, bubbles, cancelable, view, key, location, modifiersList, repeat, locale);
    return evt;
}

결론

DOM 키보드 이벤트 레벨 3 폴리필 또는 대체 initKeyboardEvent 메소드를 활용하여, 이제 Safari에서 키보드 이벤트를 안정적으로 생성 및 전달할 수 있어 정확한 키 코드 전파가 보장됩니다.

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