html - 触发文本区域中的输入

标签 html forms input triggers textarea

我注意到 Facebook 发送状态评论的新方式。基本上,当您撰写评论时,您没有可点击的按钮,只有按下“回车”键才能提交评论。现在我也想做这个东西。我正在考虑可能的解决方案。我想到了<input>提交时按下回车按钮,但文本区域不是。

  • 或者我写一个输入(输入文本)并设置一个高度覆盖超过一行
  • 或者我必须添加一个文本区域并以某种方式在用户按下回车键时提交该表单。

哪个最好?如果答案 = 第二,我该怎么做?

最佳答案

这取决于你如何定义最好。

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

如果您希望在文本中允许换行,则最好使用秒数。

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

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

这个解决方案的好处在于它仍然允许人们进行换行,只要他们在按下回车键时按住 shift 键即可。就像在 Skype 上一样。

此处为实例:http://jsfiddle.net/MEtGg/

关于html - 触发文本区域中的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5352621/

相关文章:

html - Flexbox 元素不会与 flex-end 对齐

javascript - div 中组件的单个操作

JavaScript 表单提交 - 确认或取消提交对话框

c++ - 使用 if-else 控制结构的意外输出

javascript - 使用 foreach 将值插入数组

python - 从特定标签中删除样式 BeautifulSoup/Python

jquery - MVC 部分 View 中 ajax 表单提交后 Tinymce 消失

laravel - 在 Laravel 中验证电话号码

c++ - 使用getline连续输入行到txt文档的结尾C++

c - 如何读取由c中的空格分隔的无符号字符