Question

我有一个小聊天设置，如果文本区域处于焦点，请在输入时按下我设置为将聊天提交到我的数据库并清除文本区域。不幸的是，当第一次按下输入时，它会在文本区域中的任何浏览器中添加换行符。如果您键入并再次按Enter键，那里仍然只有一个换行符。我错过了什么吗？

谢谢！

    $(document).keypress(function(keyPress) {
        if (keyPress.which == 13) {
            if ($('#chatText').is(':focus')) {
                if ($('#chatText').val().length > 0) {
                    chatValue = $('#chatText').val();
                    $('#chatText').val($('#chatText').val().substring(0,0));
                    $.ajax({
                        type: 'POST',
                        url: 'submitChat.php',
                        data: { chatText: chatValue },
                        success: function(result) {
                            $('#chat_text').html(result);
                            document.getElementById('chat_text').scrollTop = 9999999;
                        }
                    });
                }
            }
        }
    });

Answer 1

为什么不清楚它？

$('#chatText').keypress(function(e) {
    if (e.which == 13) {
        var value = $(this).val();

        if (value.length > 0) {
            $(this).val('');

            $.ajax({
                type: 'POST',
                url: 'submitChat.php',
                data: {
                    chatText: value
                },
                success: function(result) {
                    $('#chat_text').html(result);
                    this.scrollTop = 9999999;
                }
            });
        }
    }
});

Answer 2

试试这个，

$(document).keypress(function(keyPress) {
            if (keyPress.which == 13) {
                keyPress.preventDefault();
                if ($('#chatText').is(':focus')) {
                    if ($('#chatText').val().length > 0) {
                        chatValue = $('#chatText').val();
                        $('#chatText').empty();
                        $.ajax({
                            type: 'POST',
                            url: 'submitChat.php',
                            data: { chatText: chatValue },
                            success: function(result) {
                                $('#chat_text').html(result);
                                document.getElementById('chat_text').scrollTop = 9999999;
                            }
                        });
                    }
                }
            }
        });

Answer 3

 $(document).keypress(function(keyPress) {


        if (keyPress.which == 13) {
            keyPress.preventDefault();// Add this line
            if ($('#chatText').is(':focus')) {
                if ($('#chatText').val().length > 0) {
                    chatValue = $('#chatText').val();
                    $('#chatText').val($('#chatText').val().substring(0,0));
                    $.ajax({
                        type: 'POST',
                        url: 'submitChat.php',
                        data: { chatText: chatValue },
                        success: function(result) {
                            $('#chat_text').html(result);
                            document.getElementById('chat_text').scrollTop = 9999999;
                        }
                    });
                }
            }
        }
    });

Jquery textarea.val（''）在FIRST输入印刷机上添加换行符？

3 个答案: