在textarea中触发输入

Sho*_*hoe 3 html forms triggers textarea input

我注意到了新的Facebook发送状态评论的方式.基本上,当您撰写评论时,您没有按钮可点击,但按"输入"键可以按下以提交评论.现在我也想做这件事.我正在考虑可能的解决方案.在我看来,<input>按下输入按钮提交,但textarea不是.

  • 要么我写一个输入(类型文本)并设置一个超过一行的高度巫婆
  • 或者我必须添加一个textarea,并在用户按Enter键时以某种方式提交该表单.

哪个最好?如果答案是第二,我怎么能这样做?

Mar*_*sen 8

这取决于你如何定义最佳.

如果你想要一个不需要javascript的非常简单的解决方案,那么第一个是最好的

如果您希望允许文本中的换行符,则秒数最佳.

如果你想使用文本区域解决方案,你可以这样做:(使用jQuery)

<textarea id="mytextarea"></textarea>
<script>
$('#mytextarea').keypress(function(e){
  if(e.keyCode == 13 && !e.shiftKey) {
   e.preventDefault();
   this.form.submit();
  }
});
</script>
Run Code Online (Sandbox Code Playgroud)

关于这个解决方案的好处是它仍然允许人们进行换行,如果他们只是在进入时按住shift键.就像在Skype上一样.

这里的实例:http://jsfiddle.net/MEtGg/