0

我正在尝试将 peerJS“发布”功能分配给按钮单击事件，但它不会将消息发送到其他浏览器页面。

如果我直接调用发布函数而不是通过点击事件，我会在另一个浏览器上收到一条消息。

发送方代码：

<body>
    <script>
        var peer = new Peer('controller', {key: 'xxxxxxxxxxxxxxx'});
        var conn = peer.connect('game');
        
        function publish(m) {
            conn.on('open', function(){
                conn.send(m);
            }); 
        };
    
        //This is working:
        publish("It's working ");
    
    </script>

    <button onclick="publish('Not working ')">send</button>
</body>

接收方代码：

<script>
    var peer = new Peer('game', {key: 'xxxxxxxxxxxx'});
        peer.on('connection', function(conn) {
            conn.on('data', function(m){
            // Will print the value of (m)
            console.log(m);
        });
    });
</script>
4

1 回答 1

1

好了，问题解决了！我需要重构我的代码并publish()在对等连接块内声明函数。

这是将功能分配给按钮的代码：

<script>
    $( document ).ready(function() {
        var peer = new Peer('controller', {key: 'xxxxxxxxxx'});
        var conn = peer.connect('myGame');
        var publish;
        
        conn.on('open', function(){
            publish = function(message) {
                conn.send(message);
            }
        }); 
    })
</script>

HTML

<button onclick="publish('Now I'm working!')">Send<button>
于 2014-05-08T07:10:12.997 回答