Html Input=text 按下回车时执行回发答案

【问题标题】：Html Input=text performs postback when enter is pressedHtml Input=text 按下回车时执行回发
【发布时间】：2014-03-07 03:43:04
【问题描述】：

我正在使用 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>

【问题讨论】：

假设那里有一个
标签，添加 onSubmit="return false;"应该阻止它发布。
这是你的全部代码吗？
这是标准asp.net网站的主要ContentPlaceHolder内的代码（它在选择asp.net Web表单应用程序时创建的那个）

标签： javascript html signalr

【解决方案1】：

您的 HTML 似乎是由 <form> 包裹的。您应该能够通过将以下内容添加到您的 JS 来防止任何回发：

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

当然，您可能想让选择器更具体。

【讨论】：