您的位置:首页 > Web前端 > JavaScript

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

2016-11-07 08:57 225 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 实例