如何按jQuery鍵盤按鈕之一？

Question

這裏是我的代碼：

$("input").on({ 
 
    keydown: function(ev) { 
 
     if (ev.which === 27){ // esc button 
 
      backspace_emolator(); 
 
     } else if (ev.which === 8){ // backspace button 
 
      console.log('backspace button pressed'); 
 
     } 
 
    } 
 
}); 
 

 
function backspace_emolator(){ 
 
    // remove one character exactly how backspace button does 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="fname" class="myinput">

所有我想要做的是使ESC按鈕完全一樣退格按鈕。所以我想在按下<kbd>esc</kbd>時刪除.myinput的一個字符。

我該怎麼做？

---

注：我不想只是刪除.myinput的價值的一個字符。我想按退格鍵按鈕。因此，當我按esc按鈕時，應在控制檯中顯示backspace button pressed。

Answer 1

這是我會做的。我不認爲這是最好的解決方案，而是一個工作的解決方案。

$("input").on({ 
 
    keydown: function(ev) { 
 
     if (ev.which === 27){ // esc button 
 
      backspace_emolator(this); 
 
     } else if (ev.which === 8){ // backspace button 
 
      console.log('backspace button pressed'); 
 
     } 
 
    } 
 
}); 
 

 
function backspace_emolator(el){ 
 
    // remove one character exactly how backspace button does 
 
    var val = el.value 
 
    el.value = val.substring(0, val.length - 1); 
 
    // trigger event 
 
    var e = jQuery.Event("keydown"); 
 
    e.which = 8; // # Backspace keyCode 
 
    $(el).trigger(e); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="fname" class="myinput">

編輯： 我已經修改我的代碼，對於您的編輯。 @ Alexandru-Ionut Mihai建議不適合你的原因是因爲你只是在聽keydown，而在他的例子中他正在觸發按鍵。

Answer 2

這裏是解決方案：

你必須trigger事件爲您input。

$("input").on({ 
    keydown: function(ev) { 
     if (ev.which === 27){ // esc button 
      backspace_emolator(); 
     } 
    } 
}); 

function backspace_emolator(){ 
    var e = jQuery.Event("keydown", { keyCode: 8 }); // you can specify your desired key code 
    $('input').trigger(e); 
} 

Answer 3

使用此代碼，它的工作原理與您希望的一樣。

$("input").on({ 
 
    keydown: function(ev) { 
 
     if (ev.which === 27){ // esc button 
 
      backspace_emolator(ev); 
 
     } 
 
     if (ev.which === 8){ // backspace button 
 
      console.log('backspace button pressed'); 
 
     } 
 
    } 
 
}); 
 

 
function backspace_emolator(ev){ 
 
    // remove one character exactly how backspace button does 
 
     var inputString = $('#inputID').val(); 
 
     var shortenedString = inputString.substr(0,(inputString.length -1)); 
 
    $('#inputID').val(shortenedString); 
 
     console.log("Backspace button Pressed"+" "+inputString); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="inputID" type="text" name="fname" class="myinput">