关于<textarea>标签 enter 提交需要先对内容处理 后才能 if(enter不做处理一直为真) 判断问题(鼠标不需要)

关于标签 enter 提交需要先对内容处理 后才能 if(enter不做处理一直为真) 判断问题(鼠标不需要)

                        <div class="write_box">
                          <textarea id="message" name="message" class="write_area" placeholder="说点啥吧..."></textarea>
                          <input type="hidden" name="fromname" id="fromname" value="永乐" />
                          <input type="hidden" name="to_uid" id="to_uid" value="0">
                          <div class="facebox fn-clear" style="width:100%">
                            <div class="expression"></div>
                            <div class="chat_type" id="chat_type">群聊</div>
                            <button type="button" name="" class="sub_but" id="cswbt">发送消息</button>
                          	</div>
                        </div>
                        <script>
                         var cswbt = document.getElementById('cswbt');
                        cswbt.onclick = function() { //消息存入数据库
                        var data =$("#message").val();
                       // alert(data);
                        document.getElementById('message').value = "";
                        if(data){
                            document.getElementById('chat_type').innerHTML='群聊';
                            $.ajax({
                            type: "post",
                            url: "",
                            data: {
                                danmu: data
                            },
                            success: function(res) {
                                //成功存入数据库
                                console.log(res);
                            },
                            error: function(err) {
                                alert('发送失败');
                                console.log(err);
                            }
                            });
                            var count = 5;  // 数据的 5
                            var timer = null; // 定时器的名字
                            clearInterval(timer);  // 先清除掉原来的定时器
                            this.disabled = true;
                            //alert(this);  // this 指向的是 btn
                            var that = this;  // 把 btn 对象 给 that  var _this = this;
                            timer = setInterval(sendTextMessage,1000);  // 开启定时器 名字  timer
                            function sendTextMessage() {
                                count--;
                                //this.innerHTML = "还剩余"+count+"秒";
                                // alert(this); // this 指向的是 定时器  window
                                //alert(that);
                                if(count >= 0 ){
                                    that.innerHTML =  "还剩余"+count+"秒";
                                }else{
                                    that.innerHTML = "发送消息";
                                    that.disabled = false;
                                    clearInterval(timer);  // 清除定时器
                                    count = 5;
                                }
                            }
                        }else{
                            // alert(1);
                            document.getElementById('chat_type').innerHTML='发送消息不能为空!';
                        }
                    }
                    var message = document.getElementById("message");
                    message.addEventListener("keyup", function(event) {
                            if (event.keyCode === 13) {
                                var da =$("#message").val();
                                da = da.replace(/[\r\n]/g,""); //去掉换行
                                da = da.replace(/\ +/g,"");//去掉空格
                                var d = da.length;
                                if(da!=""&&d>0&&da!=null){
                                    document.getElementById("cswbt").click();
                                }else{
                                    document.getElementById('chat_type').innerHTML='发送消息不能为空0!';
                                }
                            }
                    });
                        </script>
上一篇:3 JSX语法


下一篇:JavaScript -DOM