키보드에서 입력을 변경하고 입력 필드에서 변경된 데이터를 표시하는 방법

Question

HTML 코드에 입력 요소가 있으며 키보드로 값을 입력했습니다. 그런 다음이 값을 onkeypress 처리기로 변경하고 키보드의 값과 변경된 값을 모두 표시합니다.

변경된 값만 표시하도록 어떻게 변경할 수 있습니까?

function dialogTrigger(event) { 
 
    var keyboardInput = event.which; 
 
    keyboardInput = keyboardInput + 5; 
 
    var changedInput = String.fromCharCode(keyboardInput); 
 
    $("#fake-search").val($("#fake-search").val() + changedInput); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="fake-search" onkeypress="dialogTrigger(event)" class="fake-search" type="text" />

Answer 1

당신은 이벤트의 기본 동작을 방지 할 수 있습니다 :

function dialogTrigger(event) { 
 
    event.preventDefault(); //<<-- here e.g 
 
    var keyboardInput = event.which; 
 
    keyboardInput = keyboardInput + 5; 
 
    var changedInput = String.fromCharCode(keyboardInput); 
 
    $("#fake-search").val($("#fake-search").val() + changedInput); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="fake-search" onkeypress="dialogTrigger(event)" class="fake-search" type="text" />