Question

我正在使用SignalR进行聊天，但是当有人输入一些文本并按下return时，它会执行回发，然后所有之前的聊天都会丢失，并且不会发送任何消息。我的主要目标是避免它执行此回发，但理想情况下它会调用发送按钮单击事件。

我试图在keypressed上创建一个javascript函数，所以它应该取消回发但是没有改变任何东西。我还尝试将其更改为asp:TextBox，并将AutoPostback属性设置为false。

我目前的代码：

<div class="container">
    <input type="text" id="message" />
    <input type="button" id="sendmessage" value="Send"/>
    <ul id="discussion">
    </ul>
</div>
<script src="Scripts/jquery-1.6.4.min.js" ></script>
<script src="Scripts/jquery.signalR-2.0.2.min.js"></script>
<script src="signalr/hubs"></script>
<script type="text/javascript">
    $(function () {
        // Declare a proxy to reference the hub. 
        var chat = $.connection.chatHub;
        // Create a function that the hub can call to broadcast messages.
        chat.client.broadcastMessage = function (time, name, message) {
        // Html encode display time, name, and message. 
        var encodedTime = $('<div />').text(time).html();
        var encodedName = $('<div />').text(name).html();
        var encodedMsg = $('<div />').text(message).html();
        // Add the message to the page. 
        $('#discussion').append('<li>[' + encodedTime +'] ' + encodedName
            + ': ' + encodedMsg + '</li>');
        };
        // Set initial focus to message input box.  
        $('#message').focus();
        // Start the connection.
        $.connection.hub.start().done(function () {
            $('#sendmessage').click(function () {
                // Call the Send method on the hub. 
                chat.server.send($('#message').val());
                // Clear text box and reset focus for next comment. 
                $('#message').val('').focus();
            });
        });
    });
</script>

Answer 1

您的HTML似乎被<form>包裹。您应该可以通过向JS添加以下内容来阻止任何回发：

$('form').submit(function(event) {
    event.preventDefault();
});

当然，您可能希望使选择器更具体。

Html Input = text在按下enter时执行回发

1 个答案: