javascript - socket.io 聊天示例 - 表单提交问题

标签 javascript jquery sockets socket.io

我正在尝试记录在控制台的输入框中输入的消息。我正在按照下面的示例进行操作

http://socket.io/get-started/chat/

我面临的问题是,当我键入消息并单击“发送”时,尽管在脚本中使用了“return false”,页面仍会自动刷新。 console.log 也没有显示“已输入消息”,这让我相信脚本没有被调用

   <script type="text/javascript">
    var socket = io();
    $('#chat-form').on('submit',function(){
      console.log('message entered');
      socket.emit('chat message', $('#m').val());
      $('#m').val('');
      return false;
    });
    </script>
  </head>
  <body>
    <ul id="messages"></ul>
    <form id='chat-form'>
      <input id="m" autocomplete="off" /><button type='submit'>Send</button>
    </form>

index.js

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)
  });

});

我什至尝试过 event.preventDefault()。但页面仍然在表单提交时刷新。

谢谢, KJ

最佳答案

使用 F12 Tools/Firebug 检查 javascript 是否运行。

关于javascript - socket.io 聊天示例 - 表单提交问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34085706/

相关文章:

jquery - css 表单验证 jquery

jquery - 我们怎样才能像 AngularJS 那样用 ng-repeat 重复 jquery 中的表格行?

c++ - 错误套接字更新 C++

c++ - OpenSSL 套接字 : Select always returns 0

c - 无需多线程套接字的多个连接

javascript - 将对象转换为整数类型的数组并对值求和

javascript - HTML5游戏代码中的跳跃角色

javascript - 无法读取 null 类型的事件监听器的属性

javascript - jQuery:取消绑定(bind)所有事件然后执行处理程序

javascript - 从 jQuery $.each 循环返回