JQuery中的keyup和change是兩個(gè)常用的事件,它們可以監(jiān)聽(tīng)用戶在輸入框中輸入的內(nèi)容的變化,實(shí)現(xiàn)實(shí)時(shí)的文本輸入和搜索功能。
//keyup事件示例 $('input').on('keyup', function(){ var val = $(this).val(); console.log(val); }); //change事件示例 $('select').on('change', function(){ var val = $(this).val(); console.log(val); });
keyup事件會(huì)在用戶松開(kāi)按鍵時(shí)觸發(fā),可以監(jiān)聽(tīng)文本輸入的實(shí)時(shí)變化。我們可以通過(guò)$(this).val() 獲取輸入框中的值,并通過(guò)控制臺(tái)輸出來(lái)查看用戶輸入的內(nèi)容。
change事件則可以監(jiān)聽(tīng)下拉框選項(xiàng)的變化,用戶選擇選項(xiàng)后觸發(fā)。我們同樣可以通過(guò)$(this).val() 獲取下拉框中選中的值,并通過(guò)控制臺(tái)輸出來(lái)查看用戶的選擇。
使用keyup和change事件可以方便的實(shí)現(xiàn)實(shí)時(shí)文本輸入和搜索功能,為用戶提供更好的交互體驗(yàn)。