javascript 按ctrl和enter键提交表单

weixin_30265103

于 2016-01-22 14:00:00 发布

阅读量172

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chabai/p/5151029.html

版权

本文介绍了一个简单的HTML页面示例，该页面通过JavaScript实现了文本框输入内容到文本区域的自动追加功能，并支持Ctrl+Enter快捷键操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>测试</title>
</head>
<body>
     <textarea name="" id="tex2" cols="30" rows="10"></textarea>
   <input type="text" id="tex1" >
   <input type="button" id="btn1" value="提交">
   <script>
       var oBtn=document.getElementById('btn1');
       var oTex1=document.getElementById('tex1');
       var oTex2=document.getElementById('tex2');
       oBtn.οnclick=function(){
           oTex2.value+=oTex1.value;
           oTex1.value='';
       }
       oTex1.οnkeydοwn=function(ev){
           var oEvent=event||ev;
           if(oEvent.ctrlKey && oEvent.keyCode==13){
               oTex2.value+=oTex1.value;
               oTex1.value='';
               }
       }
   </script>
</body>
</html>