textarea按下回车发送消息不换行，怎么实现？ 30
1个回答
展开全部
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
#div1
{
width:400px;
height:200px;
overflow: scroll;
border: 1px solid #f90;
}
</style>
<script>
window.onload=function()
{
var oDiv1=document.getElementById('div1');
var oTxt1=document.getElementById('txt1');
// var oBtn1=document.getElementById('btn1');
document.onkeydown=function(ev)//检测鼠标按下事件
{
var oEvent=ev||event;
if(oEvent.keyCode==13)//如果按下的是enter键
{
var oP=document.createElement('p');
oP.innerHTML=oTxt1.value;
oDiv1.appendChild(oP);
oTxt1.value="";
}
}
}
</script>
</head>
<body>
<div id="div1"></div>
<textarea name="" id="txt1" cols="30" rows="5">
</textarea>
<!-- <input type="button" value="发送" id="btn1" /> -->
</body>
</html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
#div1
{
width:400px;
height:200px;
overflow: scroll;
border: 1px solid #f90;
}
</style>
<script>
window.onload=function()
{
var oDiv1=document.getElementById('div1');
var oTxt1=document.getElementById('txt1');
// var oBtn1=document.getElementById('btn1');
document.onkeydown=function(ev)//检测鼠标按下事件
{
var oEvent=ev||event;
if(oEvent.keyCode==13)//如果按下的是enter键
{
var oP=document.createElement('p');
oP.innerHTML=oTxt1.value;
oDiv1.appendChild(oP);
oTxt1.value="";
}
}
}
</script>
</head>
<body>
<div id="div1"></div>
<textarea name="" id="txt1" cols="30" rows="5">
</textarea>
<!-- <input type="button" value="发送" id="btn1" /> -->
</body>
</html>
更多追问追答
追问
按下enter虽然发送了，但textarea里换行了，怎么解决？
还有怎么让ctrl+enter 换行？
追答
修改一下，加上一句就ok了:
if(oEvent.keyCode==13)//如果按下的是enter键
{
var oP=document.createElement('p');
oP.innerHTML=oTxt1.value;
oDiv1.appendChild(oP);
oTxt1.value="";
return false;//阻止默认事件
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
