jquery中文本框按下回車鍵執行事件的代碼如何寫

html+jquery
代碼編纂器:Z Studio 12.5.1
方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery中文本框按下回車鍵執行事務的代碼若何寫 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



2在test.html文件中 , 在p標簽內 , 利用input標簽建立一個文本框 , 用于輸入內容 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



3在test.html文件中 , 設置input元素的id屬性為tsinput , 本家兒要用于下面經由過程該id獲得文本框對象 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



4在test.html文件中 , 編寫標簽 , 頁面的js代碼將寫在該標簽內 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



5在js標簽內 , 經由過程id(tsinput)獲得input對象 , 經它綁定keydown事務 , 當按鍵按下時 , 觸發該事務 , 執行function()方式 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



6在function()方式內 , 利用if語句判定當前的keyCode是否等于13 , 若是keyCode等于13 , 則申明是回車鍵按下了 , 利用alert()方式提醒“您按下了回車鍵” 。

jquery中文本框按下回車鍵執行事件的代碼如何寫



7【jquery中文本框按下回車鍵執行事件的代碼如何寫】在瀏覽器打開test.html文件 , 在輸入框按下回車鍵 , 查看實現的結果 。

jquery中文本框按下回車鍵執行事件的代碼如何寫




以上內容就是jquery中文本框按下回車鍵執行事件的代碼如何寫的內容啦 , 希望對你有所幫助哦!

    猜你喜歡