如何禁用我的 textarea 上的 ENTER 键？

Question

<form name='qform'>
<textarea name='q' rows='3' cols='60' wrap='hard' id='q' onkeydown="if (event.keyCode == 13) document.getElementById('clickit').click()"></textarea>
<input type='button' value='search' id='clickit' onclick="get();">
</form>

我有这个表单...它没有提交按钮，因为我使用的是 jquery，并且在这个表单下是一个 div 区域，将显示结果。它是一个没有输入框但有一个文本区域的搜索引擎。这是因为它将是一个多词搜索器。

问题是，如果我按下回车键，则提交查询并且一切正常……但是对 textarea 的关注下降了一行，这对我来说是个问题。

基本上我希望输入只有一个功能（提交）结束。

Answer 1

$(document).ready(function() {

    $('textarea').keypress(function(event) {

        if (event.keyCode == 13) {
            event.preventDefault();
        }
    });
});

Answer 2

如果您不想要多行，为什么不直接使用<input type="text">？您提到它将是一个“多词搜索器”。为什么这需要<textarea>？

更新

试试这个

$('textarea').bind('keypress', function(e) {
  if ((e.keyCode || e.which) == 13) {
    $(this).parents('form').submit();
    return false;
  }
});

Answer 3

在 jquery 函数中，使用 event.preventdefault ，然后执行您喜欢的操作。 例如

<script>
$("a").click(function(event) {
  event.preventDefault();
//Do your logic here
});
</script>

http://api.jquery.com/event.preventDefault/