简单来说就是快捷键发送消息、换行以及快捷键切换(ctrl+enter发送消息、enter发送消息); 使用div来做输入框,使用了contenteditable属性,例如
<div contenteditable="true" class="chatWnd_area"></div> 设置为编辑状态后,enter就能换行了,所以实现ctrl+enter发送消息、enter换行就很简单, 但是要实现ctrl+enter换行、enter发送消息,不知道怎么搞了?
<div contenteditable="true" class="chatWnd_area"></div> 设置为编辑状态后,enter就能换行了,所以实现ctrl+enter发送消息、enter换行就很简单, 但是要实现ctrl+enter换行、enter发送消息,不知道怎么搞了?
$("#Password").keydown(function (event) {
switch (event.keyCode) {
case 13: //enter key
$("#LoginForm").submit();
break;
}
});
<script>
var down = false;
function fun(isDown, e){
//释放按下ctrl记录,并终止执行
if(!isDown){
down = false;
return false;
}
e = e || window.event;
//ctrl(17)
if(e.keyCode == 17){
//当ctrl按下时记录
down = true;
}
//enter(13)
if(e.keyCode == 13){
//当enter按下时判断ctrl是否是按下状态
if(down){
/*
发送消息操作,你自己写这块吧,用ajax或表单都行
*/
alert("发送消息...");
}
}
}
</script><form action="" method="post">
内容:<textarea name="content" onkeydown="fun(true, event)" onkeyup="fun(false, event)"></textarea>
</form>