JS键盘事件之ctrl+enter来提交留言

最新推荐文章于 2021-07-15 15:48:23 发布

曲奇小姐

最新推荐文章于 2021-07-15 15:48:23 发布

阅读量1.7k

点赞数 1

分类专栏： Javascript

本文链接：https://blog.csdn.net/weixin_41586886/article/details/80700703

版权

Javascript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>键盘事件之ctrl+回车提交留言</title>
    <style></style>
    <script type="text/javascript">
    window.οnlοad=function(){
      var oBtn1=document.getElementById('btn1');
      var oTxt=document.getElementById('txt1');
      var oTxt1=document.getElementById('txt2');

      oBtn1.οnclick=function(){  //点击提交按钮来提交留言
        oTxt1.value=oTxt1.value+oTxt.value+'\n';
        oTxt.value='';
      }

      oTxt.οnkeydοwn=function(ev){
        var oEvent=ev||event;
        if(oEvent.keyCode==13&&oEvent.ctrlKey) //如果按下ctrl+enter键也可以提交留言
        {
          oTxt1.value=oTxt1.value+oTxt.value+'\n';
          oTxt.value='';
        }
      }
    }
    </script>
  </head>
  <body>
    <div style="margin:100px auto;text-align:center;">
      <input id='txt1' type="text">
      <button id='btn1' type="button" name="button">提交</button>
      <br>
      <!-- <input type="button" value="提交"> -->
      <textarea id='txt2' name="name" rows="10" cols="80"></textarea>
    </div>
  </body>
</html>

曲奇小姐

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS键盘事件之ctrl+enter来提交留言

&lt;!DOCTYPE html&gt;&lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;键盘事件之ctrl+回车提交留言&lt;/title&gt; &lt;style&gt;&a
复制链接

扫一扫

专栏目录