IT Share you

jquery (또는 순수 js)는 테스트를 위해 누른 Enter 키를 시뮬레이션합니다.

shareyou 2020. 12. 10. 21:29
반응형

jquery (또는 순수 js)는 테스트를 위해 누른 Enter 키를 시뮬레이션합니다.


"입력"을 누르는 사용자를 시뮬레이션하는 가장 좋은 방법은 무엇입니까? $ (element) .keypress () 눌린 실제 키를 전달할 수없는 것 같습니다.

이것은 단위 테스트를위한 것입니다.


여기 데모

var e = jQuery.Event("keypress");
e.which = 13; //choose the one you want
e.keyCode = 13;
$("#theInputToTest").trigger(e);

순수한 자바 스크립트로이 작업을 수행하려는 경우 다음을 참조하십시오.


구식 :

다음과 같이 할 수 있습니다 (Firefox의 경우 여기)

var ev = document.createEvent('KeyboardEvent');
// Send key '13' (= enter)
ev.initKeyEvent(
    'keydown', true, true, window, false, false, false, false, 13, 0);
document.body.dispatchEvent(ev);

업데이트 :

Joe가 언급했듯이 KeyboardEvent 는 이제 표준입니다.

Enter를 실행하는 동일한 예 (keyCode 13) :

const ke = new KeyboardEvent("keydown", {
    bubbles: true, cancelable: true, keyCode: 13
});
document.body.dispatchEvent(ke);

이 페이지 를 사용 하여 올바른 키보드 이벤트를 찾을 수 있습니다 .

참고 URL : https://stackoverflow.com/questions/3276794/jquery-or-pure-js-simulate-enter-key-pressed-for-testing

반응형