Ctrl+Enter鍵實現提交表單內容例項程式碼
很多應用程式點選ctrl+enter鍵可以實現提交填寫的內容,例如QQ就具有這樣的功能,當然是可選的,本章介紹一下,如何點選這兩個鍵實現提交文字框中的內容,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>ctrl加enter提交表單內容-螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ document.body.onkeydown=function(){ if(event.ctrlKey&&event.keyCode==13){ document.getElementById('bt').click(); return false } } } </script> </head> <body > <form action="http://www.softwhy.com" name="myform"> <textarea name="content">螞蟻部落</textarea> <input type="submit" value="提交" id="bt" /> </form> </body> </html>
以上程式碼實現了我們的需求,當同事按下ctrl和enter鍵的時候能夠提交表單,程式碼比較簡單這裡就不多介紹了。
相關閱讀:
1.onkeydown事件可以參閱javascript keydown事件一章節。
2.keyCode屬性可以參閱javascript keyCode一章節。
3.ctrlKey屬性可以參閱javascript ctrlKey一章節。
相關文章
- javascript實現的清空表單元素內容程式碼例項JavaScript
- EasyUI實現的form表單提交簡單程式碼例項UIORM
- javascript動態實現的表單提交效果程式碼例項JavaScript
- 點選回車實現表單提交效果程式碼例項
- js如何是指ctrl+enter鍵提交表單JS
- 阻止點選回車實現的表單提交程式碼例項
- 使用ajax方式提交表單程式碼例項
- jquery實現獲取outerHTML內容程式碼例項jQueryHTML
- angularJS進行表單提交程式碼例項AngularJS
- 實現文字框輸入內容提示程式碼例項
- javascript以函式方式提交表單程式碼例項JavaScript函式
- js表單提交後提交按鈕不可點選程式碼例項JS
- 防止表單提交按鈕重複點選現象程式碼例項
- javascript元素內容漸現效果程式碼例項JavaScript
- js獲取指定單元格的內容程式碼例項例項JS
- 阻止點選回車提交表單效果程式碼例項
- jQuery實現的禁用右鍵選單程式碼例項jQuery
- 文字框輸入內容實現智慧提示效果程式碼例項
- 旋轉等待內容載入完畢實現程式碼例項
- jQuery 數秒後自動提交form表單程式碼例項jQueryORM
- 使用jquery實現的清空表單元素程式碼例項jQuery
- jQuery 實現 Ctrl+Enter 快捷鍵發表評論jQuery
- jQuery實現的表單註冊驗證程式碼例項jQuery
- 點選標題實現內容元素伸展和收縮程式碼例項
- 選項卡方式實現的多角色登陸表單程式碼例項
- 清空form表單例項程式碼ORM單例
- 實時監聽文字框內容變化程式碼例項
- node.js實現的逐行讀取檔案內容的程式碼例項Node.js
- canvas實現的鐘表效果程式碼例項Canvas
- replace()方法替換字串內容程式碼例項字串
- javascript獲取li元素內容程式碼例項JavaScript
- HTML 使用表單標籤實現註冊頁面的例項程式碼HTML
- js獲取點選單元格中的內容程式碼例項JS
- ajax載入xml檔案內容程式碼例項簡單介紹XML
- JavaScript 表單驗證程式碼例項JavaScript
- 表單提示美化效果程式碼例項
- 遮蔽滑鼠右鍵選單例項程式碼單例
- javascrip 按下ctrl和enterEnter鍵實現提交表單Java