javascript - 需要帮助理解 Socket.io(node.js) 中的以下 jQuery 代码吗？

Question

html 文件

<script>
  var socket = io();
  $('form').submit(function(){
    socket.emit('chat message', $('#m').val());
    $('#m').val('');
    return false;
  });

  socket.on('chat message', function(msg){
    $('#messages').append($('<li>').text(msg));
  });
</script>

io.on( "connection", function(socket)
{
  console.log( "A user connected" );

  socket.on('disconnect', function(){
    console.log('user disconnected');
  });

  socket.on('chat message', function(msg){
    console.log('message: ' + msg);
  });

  socket.on('chat message', function(msg){
    io.emit('chat message', msg);
  });

});

我不明白 jQuery 语法中的这部分代码:

$('#m').val('');
return false;

因为我已经通过 socket.emit('chat message', $('#m').val()); 发送我的套接字输入值，为什么输入字段为“m” (这只是我表单中的一个输入字段)需要设置为空字符串吗？然后返回 false 部分之后？代码运行良好，来自 socket.io/chat

请解释 jQuery 方面。

Answer 1

逐行分析:

socket.emit('chat message', $('#m').val());

此行将聊天消息发送为 #m 字段中指定的值。

$('#m').val('');

消息发送后，此行清除#m字段中的值。

return false;

返回 false 会停止默认事件行为，在本例中会停止提交 form 元素。如果愿意，您还可以对传入的 event 使用 preventDefault()。