【textarea】按下回车发送消息不换行，怎么实现？

一叶箛星墜涳城丶 2014-06-28 07:17:06

同时实现按下ctrl+enter 换行

...全文

1984 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

百里马 2014-06-30

打赏
举报

引用 9 楼 u010309265 的回复:

[quote=引用 7 楼 u012345283 的回复:] 那就这么改下


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.getElementById("a").onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
		alert(1)
	}
}
</script>

亲测不行，我也觉得有道理啊，怎么会不行呢？[/quote] 可以啊，你把代码包到html的body里

一叶箛星墜涳城丶 2014-06-30

打赏
举报

引用 7 楼 u012345283 的回复:

那就这么改下


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.getElementById("a").onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
		alert(1)
	}
}
</script>

亲测不行，我也觉得有道理啊，怎么会不行呢？

业余草 2014-06-29

打赏
举报

<textarea id="a" style="height:300px; width:500px"> </textarea> <script type="text/javascript"> document.onkeydown=function(e){ if(e.keyCode == 13 && e.ctrlKey){ // 这里实现换行 document.getElementById("a").value += "\n"; }else if(e.keyCode == 13){ // 避免回车键换行 e.preventDefault(); // 下面写你的发送消息的代码 } } </script>

一叶箛星墜涳城丶 2014-06-29

打赏
举报

引用 1 楼 u012345283 的回复:


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

textarea要传参数到这个函数吗？

百里马 2014-06-29

打赏
举报

引用 2 楼 u010309265 的回复:

[quote=引用 1 楼 u012345283 的回复:]


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

textarea要传参数到这个函数吗？[/quote] 不用传参数，这个e是浏览器的事件对象，比如你按键盘了就触发了一个事件，也就是这个event

百里马 2014-06-29

打赏
举报

引用 4 楼 u010309265 的回复:

[quote=引用 2 楼 u010309265 的回复:] [quote=引用 1 楼 u012345283 的回复:]


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

我只想再textarea那里响应回车[/quote] 你这样的话无论焦点在哪，按下回车都可以发送了。。[/quote] 那就这么改下


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.getElementById("a").onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
		alert(1)
	}
}
</script>

百里马 2014-06-29

打赏
举报

引用 4 楼 u010309265 的回复:

[quote=引用 2 楼 u010309265 的回复:] [quote=引用 1 楼 u012345283 的回复:]


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

我只想再textarea那里响应回车[/quote] 你这样的话无论焦点在哪，按下回车都可以发送了。。[/quote] 那就这么改下


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.getElementById("a").onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
		alert(1)
	}
}
</script>

hetao220284 2014-06-29

打赏
举报

引用 2 楼 u010309265 的回复:

[quote=引用 1 楼 u012345283 的回复:]


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

textarea要传参数到这个函数吗？[/quote] 不用了啊，通过textarea id捕获的

一叶箛星墜涳城丶 2014-06-29

打赏
举报

引用 2 楼 u010309265 的回复:

[quote=引用 1 楼 u012345283 的回复:]


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>

我只想再textarea那里响应回车[/quote] 你这样的话无论焦点在哪，按下回车都可以发送了。。

百里马 2014-06-28

打赏
举报


<textarea id="a" style="height:300px; width:500px">
</textarea>
<script type="text/javascript">
document.onkeydown=function(e){
	if(e.keyCode == 13 && e.ctrlKey){
                 // 这里实现换行
		document.getElementById("a").value += "\n";
	}else if(e.keyCode == 13){
		// 避免回车键换行
		e.preventDefault();
		// 下面写你的发送消息的代码
	}
}
</script>