Ctrl+Enter鍵實現提交表單內容例項程式碼

antzone發表於2017-03-14
原文網址 : https://www.softwhy.com/article-3282-1.html

很多應用程式點選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一章節。

相關文章