禁用输入框输入答案

【问题标题】：Disable enter in input box禁用输入框输入
【发布时间】：2017-05-12 14:28:06
【问题描述】：

我有一个textarea，它不应该通过按enter 来输入换行符。如何在我的文本区域中禁用 enter？

那是代码：

<textarea name="textarea" style="width:250px;height:150px;"></textarea>

【问题讨论】：

标签： html css

【解决方案1】：

不要忘记使用 keydown 事件而不是点击事件

   $("input").keydown(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});

【讨论】：

【解决方案2】：

如果您在 Web 应用程序中使用 jquery，您可以使用以下技巧来禁用 Enter 键。

$('textarea').keydown(function(e) {
    if(e.which == 13) { return false; }
});

否则你可以使用它

document.getElementById('textarea_id').addEventListener('keydown', function(k){
    if(k.keyCode == 13) return false;
});

希望对您有所帮助！

【讨论】：

【解决方案3】：

使用 event.preventdefault 然后做你喜欢的事。例如

<script>
$("textarea").click(function(event) {
  if (event.keyCode == 13) {
        event.preventDefault();
    }
});
</script>

【讨论】：