課程
/前端開發
/jQuery
/jQuery基礎(三)—事件篇
完全沒有感受到keydown和keypress的區別,看課程我還以為keypress能實時的監聽按鍵呢,搞了半天也是獲取之前輸入的值。哪位大手子能給說下怎樣實現實時監聽?
2017-08-12
源自:jQuery基礎(三)—事件篇 4-2
正在回答
很簡單,你給input 設置一個值?
例如 ? ?
<input class="target1" type="text" value="測試" /> ???
輸入中文測試,無法顯示:<em></em>
你使用keydown方法 ?選中輸入框后 不輸入 直接按F2 你會發現 ?<em></em>里面出現值 ? 測試 ?兩個字
?$('.target1').keydown(function(e) {
? ? ? ? $("em").text(e.target.value)
? ? });
同理 你換成keypress 方法??選中輸入框后 不輸入 直接按F2 你會發現 ?<em></em>里面沒有值 因為不觸發事件
?$('.target1').keypress(function(e) {
慕的地9955031 提問者
keypress和keydown的區別就是,keypress只在按下字符鍵(也就是字母鍵和數字鍵)后才觸發,keydown是按下任意鍵(鍵盤上所有鍵都可以)觸發。
最佳回答并沒有實現實時監聽啊。
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
4 回答keydown和keypress的區別
1 回答keydown 和keypress
1 回答keydown和keypress的效果
1 回答keydown,keyup,keypress
4 回答keypress和keydown運行起來效果一樣
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-08-14
很簡單,你給input 設置一個值?
例如 ? ?
<input class="target1" type="text" value="測試" /> ???
輸入中文測試,無法顯示:<em></em>
你使用keydown方法 ?選中輸入框后 不輸入 直接按F2 你會發現 ?<em></em>里面出現值 ? 測試 ?兩個字
?$('.target1').keydown(function(e) {
? ? ? ? $("em").text(e.target.value)
? ? });
同理 你換成keypress 方法??選中輸入框后 不輸入 直接按F2 你會發現 ?<em></em>里面沒有值 因為不觸發事件
?$('.target1').keypress(function(e) {
? ? ? ? $("em").text(e.target.value)
? ? });
2018-01-04
keypress和keydown的區別就是,keypress只在按下字符鍵(也就是字母鍵和數字鍵)后才觸發,keydown是按下任意鍵(鍵盤上所有鍵都可以)觸發。
最佳回答并沒有實現實時監聽啊。