javascrip按下ctrl和enter回车键提交表单源码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > javascrip按下ctrl和enter回车键提交表单源码实例

按下ctrl键然后再按下enter回车键提交一个数据这个在实际应用中非常的常见，比如QQ的信息发送功能就有这样的选项，下面咱们就用javascript实现以下如何按下这两个键实现表单提交功能，当然必须是首先按下ctrl，然后再按下enter键，这个时候ctrl键不能够松开。代码实例如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onload=function(){
  var ctrlKeycode=null;
  var enterKeycode=null;
          
  function submitForm(formid){
    if(enterKeycode==13&&ctrlKeycode==null){
      enterKeycode=null;
    }
    else if(enterKeycode==13&&ctrlKeycode){
      document.getElementById(formid).submit();
       enterKeycode=null;
       ctrlKeycode=null;
    }
  }
  var otxt=document.getElementById("txt");
  otxt.onkeydown=function(ev){
    var ev=window.event||ev;
    ctrlKeycode=ev.ctrlKey;
    enterKeycode=ev.keyCode;
    submitForm("antzone");
  }
}
</script> 
</head> 
<body> 
<form action="https://www.51qianduan.com" id="antzone">
  <textarea name="textarea" id="txt">softwhy.com</textarea>
</form>
</body> 
</html>

代码描述：javascrip按下ctrl和enter回车键提交表单。javascrip按下ctrl和enter回车键提交表单源码实例

下载全部收藏

118 157

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册