html – 如何使文本中的“Enter”键提交表单

概述我有一个聊天,使用textarea而不是文本显而易见的原因.这就是为什么每次成员击中ENTER,都会得到一个新行,而不是发送消息. 我想更改这个,所以每次他们按ENTER =要提交的消息,然后光标返回textarea下一个消息打字. 我尝试过不同的代码发现在这个网站上,大多数没有工作,那些谁似乎在做某事只是刷新的页面,我有一个空白的页面. 我的代码： <form name="message" ac 我有一个聊天,使用textarea而不是文本显而易见的原因.这就是为什么每次成员击中ENTER,都会得到一个新行,而不是发送消息.
我想更改这个,所以每次他们按ENTER =要提交的消息,然后光标返回textarea下一个消息打字.
我尝试过不同的代码发现在这个网站上,大多数没有工作,那些谁似乎在做某事只是刷新的页面,我有一个空白的页面.

我的代码：

<form name="message" action="">    <textarea name="usermsg" autocomplete="off" type="text" ID="usermsg" rows="4" cols="30" >    </textarea>    <br/>    <p ><input name="submitmsg" type="submit"  ID="submitmsg" value="Send" /></p></form>

非常感谢你的时间.

解决方法 我已经创建了一个Jsfiddle的例子,关于如何使用jquery和keypressfunction以及哪个属性： http://jsfiddle.net/GcdUE/

不确定你正在要求多于此,所以请尽可能进一步说明你的问题.

$(function() {    $("#usermsg").keypress(function (e) {        if(e.which == 13) {            //submit form via AJAX,this is not Js but server sIDe scripting so not showing here            $("#chatBox").append($(this).val() + "<br/>");            $(this).val("");            e.preventDefault();        }    });});

总结

以上是内存溢出为你收集整理的html – 如何使文本中的“Enter”键提交表单全部内容，希望文章能够帮你解决html – 如何使文本中的“Enter”键提交表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。