source

jQuery로 키 누르기 시뮬레이션

lovecheck 2023. 10. 9. 23:22
반응형

jQuery로 키 누르기 시뮬레이션

jQuery를 사용하여 링크를 클릭할 때 키 누르기를 시뮬레이션(트리거)하려면 어떻게 해야 합니까?예를 들어, 사용자가 다음 링크를 클릭할 때:

<a id="clickforspace" href="#">Click Here</a>

그런 다음 링크를 클릭하면 키보드의 "스페이스 바"를 누르는 것과 같습니다.

이런 일이 있을 거라 추측하건대

$("#clickforspace").click(function(e) { 
    e.preventDefault(); 
    //... Some type of code here to initiate "spacebar" //
                                      });

이를 달성하는 방법에 대한 아이디어가 있습니까?

이것이 당신이 찾고 있는 것이라고 생각합니다.

var press = jQuery.Event("keypress");
press.ctrlKey = false;
press.which = 40;
$("whatever").trigger(press);

여기서부터.

다른 옵션:

$(el).trigger({type: 'keypress', which: 13, keyCode: 13});

http://api.jquery.com/trigger/

jQuery의 키프레스 이벤트는 이런 작업을 하기 위한 것입니다..trigger()에 "key press" 문자열을 전달하여 이벤트를 트리거할 수 있습니다.그러나 좀 더 구체적으로 말하면 실제로 jQuery를 통과할 수 있습니다.이벤트 개체(유형을 "키 누름"으로 지정)와 키코드가 스페이스바인 속성을 함께 제공합니다.

http://docs.jquery.com/Events/trigger#eventdata

자세한 내용은 위의 문서를 읽어 보십시오.

SendKeysjQuery 플러그인을 사용해 볼 수 있습니다.

http://bililite.com/blog/2011/01/23/improved-sendkeys/

$(element).sendkeys(string)는 입력, 텍스트 영역 또는 contenteditable=true의 다른 요소의 삽입 지점에 문자열을 삽입합니다.삽입 지점이 현재 요소에 없는 경우 마지막으로 sendkeys가 호출되었을 때 삽입 지점이 어디에 있었는지 기억합니다(삽입 지점이 요소에 없는 경우 끝까지 추가됨).

작동 내용:

var event = jQuery.Event('keypress');
event.which = 13; 
event.keyCode = 13; //keycode to trigger this for simulating enter
jQuery(this).trigger(event); 

언급URL : https://stackoverflow.com/questions/1468384/simulate-keypress-with-jquery

반응형