は私のHTMLコードとI入力キーボードでいくつかの値の入力要素を持つ入力フィールド

Question

内のデータを変更しました。それから私は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" />