JQuery是一個流行的JavaScript庫,它可以輕松地實現很多交互效果。其中,keyup事件是一種非常常用的事件,通過keyup事件可以實現在輸入框中輸入內容時即時響應。
首先,我們在HTML頁面中定義一個輸入框:
<input id="inputBox" type="text" placeholder="請輸入內容">
然后,在JavaScript代碼中,我們可以使用JQuery的keyup()方法來綁定keyup事件:
$(document).ready(function(){ $("#inputBox").keyup(function(){ var value = $(this).val(); console.log("輸入框中的內容為:" + value); }); });
在上述代碼中,我們使用了jQuery選擇器來選中ID為inputBox的元素,然后使用keyup()方法來綁定keyup事件。在事件處理函數中,我們使用val()方法獲取輸入框中的內容,并將其輸出到控制臺中。
通過上述代碼,我們可以看到,在輸入框中輸入任何內容時,都會觸發keyup事件,并將輸入框中的內容輸出到控制臺中。