Question

我有一个Jquery提交textarea，现在我想设置textarea提交而不提交按钮。只需使用回车键。

<textarea id="ctextarea"></textarea>

这是JS：

$('.comment_button').live("click",function() 
{
    var ID = $(this).attr("id");
    var uid = $("#uid").val();
    var comment= $("#ctextarea"+ID).val();
    var dataString = 'comment='+ comment + '&msg_id=' + ID + '&uid=' + uid;

    if(comment=='')
    {
    $('#ctextarea').html("").fadeIn('slow');
    $("#ctextarea"+ID).focus();
    }
    else if (!$.trim($("#ctextarea"+ID).val()))
    {
        $("#ctextarea"+ID).focus();
    }
    else
    {
    $.ajax({
    type: "POST",
    url: "comment_ajax.php",
    data: dataString,
    cache: false,
    success: function(html){
    $("#commentload"+ID).append(html);
    $("#ctextarea"+ID).val('');
    $("#ctextarea"+ID).focus();
     }
 });
}
return false;
});

我已经搜索了教程并找到了，但我很困惑，我可以将代码放在My JS代码中。

有人可以提出这个想法吗？谢谢你的帮助。

Answer 1

$('#ctextarea').on('keyup', function(e){
    if(e.which == 13 || e.keyCode == 13){
        //enter key pressed.. 
    }
});

Answer 2

您可以订阅keydown / keyup事件并在事件处理程序中提交表单：

var KEY_ENTER = 13;
$('#ctextarea').keyup(function (event) {
    if (event.keyCode === KEY_ENTER) {
        $('form').submit();
        // Or perform any necessary ajax calls here
    }
});

Jquery设置在My Code中输入密钥textarea

2 个答案: