jQuery的：。對（「輸入」）不點火時的輸入值由另一個功能

Question

這裏改變的代碼：

$("input[type='text']").on('input', function() { ...stuff here... }); //first function 

$('input[type="text"]').click(function() { //second function 
    $('#keyboard').show(); 
    $('#keyboard .letter').click(function() { 
    var currentValue = $('input[type="text"]').val(); 
    alert(currentValue); 
    $('input[type="text"]').val(currentValue + $(this).text()); 
    }); 
}); 

簡短的版本是，當我在這個文本輸入，頂部功能火災類型。在第二個功能中，我會出現一個鍵盤，並根據用戶點擊更改輸入的值。但是，當通過第二個函數改變輸入值時，第一個函數不會觸發。有任何想法嗎？非常感激。

Answer 1

$("input[type='text']").trigger('input'); 

把它放在你的第二個函數中。 僅僅使用javascript設置文本框的值不會觸發輸入事件，因此您的輸入事件處理程序不會觸發。在這種情況下，您需要手動觸發該事件處理程序。

注意：您應該而不是正在使用輸入事件處理程序。看到這個鏈接，看看糟糕的瀏覽器兼容性。 https://developer.mozilla.org/en-US/docs/DOM/window.oninput。相反，您可能會更好地使用更改事件。