JQuery是一個JavaScript庫，它使您能夠更輕松地操作HTML。在文本框中輸入時，有時需要實時顯示輸入內容。使用JQuery的input事件，可以輕松實現此功能。

$(document).ready(function(){
$('input').on('input', function() {
$('p').text($(this).val());
});
});

上面的代碼會在文檔準備就緒時執行。當用戶在任何一個input元素中輸入內容時，JQuery會觸發input事件。在事件處理函數中，JQuery將文本框的值賦給一個p元素的文本內容，從而實現實時顯示輸入內容。

為了更好地理解上述代碼，我們來分析一下：

• $(document).ready()代碼塊：它會等待文檔加載完畢后執行
• $('input')：選擇所有input元素
• .on('input',function(){})：綁定input事件和對應的事件處理函數
• $('p')：選擇p元素
• .text()：設置或返回被選元素的文本內容
• $(this).val()：獲取當前文本框的值

最后，我們需要注意一點：input事件不會捕獲按下或釋放任何鍵的事件，而是在文本框的值發生更改時觸發。這意味著，如果您使用的是Internet Explorer瀏覽器，您可能需要使用propertychange事件而不是input事件來實現同樣的效果。