jQuery是一種流行的JavaScript庫，被廣泛使用來簡化DOM操作和事件處理。其中一個非常有用的事件處理函數是on()函數，它可以為一個或多個DOM元素添加一個或多個事件處理程序。在這篇文章中，我們將關注on()函數和keyup事件的結合使用。

在jQuery中，keyup事件會在松開鍵盤上的鍵時觸發，這意味著用戶開始輸入文本時就不會觸發該事件。我們可以使用on()函數來將keyup事件綁定到一個或多個DOM元素上，并指定一個回調函數來處理該事件。

$(document).on('keyup', '#my-input', function() {
// 在這里處理keyup事件
});

在上面的代碼中，我們將on()函數用于文檔對象，并指定了一個keyup事件處理程序。我們還通過選擇器指定了要綁定該事件處理程序的DOM元素，這里是帶有id“my-input”的元素。最后，我們提供了一個匿名函數，其中包含我們要在keyup事件發生時執行的代碼。

例如，如果我們想在輸入框中監聽用戶輸入，并在用戶輸入時更新計數器，則可以使用以下代碼：

$(document).on('keyup', '#my-input', function() {
var inputLength = $(this).val().length;
$('#input-counter').text(inputLength);
});

在這個例子中，我們將on()函數用于文檔對象和一個帶有id“my-input”的輸入框元素。每次用戶輸入時，我們計算輸入框中的字符數，并將其更新到id為“input-counter”的元素中。

總的來說，使用on()函數來處理keyup事件是非常實用的，在網頁開發中可以用于很多的場景，如實時搜索、字符計數等等。希望這篇文章能夠幫助你更好地理解jQuery on keyup事件處理方法。