分配给全局变量时，websockets 不起作用

Question

我使用 websockets 以及 javascript 和 html5

我有以下代码。

    <input type="text" onFocus=" so = new websocket('ws://localhost:1234');" onBlur="so.close();" onKeyUp="keyup();" >

    <script type='text/javascript'>
    var so; //this is global...

//wait a little (user stops typing)    
   function keyup(){
if (timeout) {clearTimeout(timeout);}    
    timeout = setTimeout(lookup, 250);
}



    function lookup(){
      //it's global, so use it right away
      so.onopen = function(){
      //send data to server to get responce...

因此，如果用户单击/不单击文本字段，则 websocket 将打开/关闭。用户在文本字段上键入内容。 textfield 的值被发送到服务器，执行查询，如果有匹配的结果，它们就会呈现在用户的屏幕上。

如果我单击控制台中“已连接”中看到的文本字段，如果单击其他任何软件，我会看到“正常关闭”，这是我应该看到的。没关系。

但是当我在文本字段中输入字母，将数据发送到服务器时，什么都没有发送。我在控制台中什么也看不到。我没有看到任何错误。

我错过了什么？就像so.onopen 永远不会被执行。

有什么建议吗？

提前致谢

Answer 1

问题是您重新创建了套接字，但没有绑定 onopen 事件处理程序。

在焦点上，你应该调用一个函数来做这两个：创建 websocket 并绑定 onopen 事件处理程序：

<input id=someid type="text" onBlur="so.close();" >

<script type='text/javascript'>
var so, field = document.getElementById('someid');
field.onfocus = function(){
    so = new websocket('ws://localhost:1234');
    so.onopen = function(){
         // do things
    }
}