关于标签 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>