jquery怎樣實現在文本框內按回車鍵時失去焦點
在jquery中，可以通過keydown事件監聽文本框的操作，當按下回車鍵時，使用blur()方法讓文本框失去焦點。下面小編舉例講解jquery怎樣實現在文本框內按回車鍵時失去焦點。
東西/原料
- html+jquery
- 代碼編纂器：Dreamweaver CS5
方式/步調
- 1
新建一個html文件，定名為test.html，用于講解jquery如何實此刻文本框內按回車鍵時掉去核心。
- 2
在test.html文件內，引入jquery.min.js庫文件，當作功加載該文件，才能利用jquery中的方式。
- 3
在test.html文件內，利用input標簽建立一個輸入框，并設置其id為myinput，本家兒要用于下面經由過程該id獲得input對象。
- 4
在js標簽內，利用ready()方式在頁面加載完當作時，執行function函數，下面將在function函數內實現綁定keydown事務。
- 5
在function函數內，經由過程id(myinput)獲得文本框對象，給它綁定keydown事務，當按下鍵盤按鍵時，觸發事務執行function函數。
- 6
在keydown事務的function函數內，利用if語句判定keyCode是否為13(回車鍵的keyCode為13)，若是if前提當作功，則利用blur()方式讓文本框掉去核心。
- 7
在瀏覽器打開test.html文件，點擊文本框，按回車鍵，查看實現的結果。
總結：
- 1
1、建立一個test.html文件。
2、在文件內，利用input標簽建立一個輸入框，并設置其id為myinput。
3、利用ready()方式在頁面加載完當作時，執行function函數，在function函數內，經由過程id(myinput)獲得文本框對象，給它綁定keydown事務，當按下鍵盤按鍵時，觸發事務執行function函數。
4、在keydown事務的function函數內，利用if語句判定keyCode是否為13(回車鍵的keyCode為13)，若是if前提當作功，則利用blur()方式讓文本框掉去核心。
注重事項
- 當按鈕被按下時,發生 keydown 事務。
- 發表于 2020-02-11 17:01
- 閱讀 ( 1440 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章