zoukankan      html  css  js  c++  java
  • ctrl+enter提交留言

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    window.onload=function ()
    {
        var oBtn=document.getElementById('btn1');
        var oTxt1=document.getElementById('txt1');
        var oTxt2=document.getElementById('txt2');
        
        oBtn.onclick=function ()
        {
            oTxt1.value+=oTxt2.value+'
    ';//换行
            oTxt2.value='';//清空输入框
        };
        
        oTxt2.onkeydown=function (ev)
        {
            var oEvent=ev||event;//事件处理兼容
            
            if(oEvent.keyCode==13)//取键盘的回车事件
            {
                oTxt1.value+=oTxt2.value+'
    ';
                oTxt2.value='';
            }
        };
    };
    </script>
    </head>
    
    <body>
    <textarea id="txt1" rows="10" cols="40"></textarea><br />
    <input id="txt2" type="text" />
    <input id="btn1" type="button" value="留言" />
    </body>
    </html>
  • 相关阅读:
    VUE 路由
    JS小表达式
    JS正则表达式
    react案例—实现组件之间的通信
    React脚手架搭建
    react属性三ref
    react属性二props
    java多线程2
    jvm小结2
    spark小结3
  • 原文地址:https://www.cnblogs.com/zxyun/p/4703315.html
Copyright © 2011-2022 走看看