每日一个js实例10--回车键

来源:互联网 发布:wps for ubuntu 16.04 编辑:程序博客网 时间:2024/05/16 01:51
<input type="text" id="put">
 <input type="button" id="btn" value="发布">

 <textarea name="news" id="out" cols="30" rows="10"></textarea>


<script type="text/javascript">
            function $(id){return document.getElementById(id)}
            //鼠标事件
            btn.onclick=function(){
                if($("put").value == ""){
                    alert("请输入发表内容");
                    return false;
                }else{
                    $("out").value+=$("put").value+"\n";
                    $("put").value="";
                    $("put").focus();
                }
            }
            //键盘事件
            document.onkeydown=function(e){
                var e=e||event;
                var code=e.keyCode;
                if(code == 13){
                    if($("put").value == ""){
                        alert("请输入发表内容");
                        return false;
                    }else{
                        $("out").value+=$("put").value+"\n";
                        $("put").value="";//键盘事件自动将讲点获取在put上
                    }
                }
            }
        </script>

0 0