Click with socket.ioでイベントデータを送信する際に問題が発生する

Question

私は、ここ数日、ノードとjsを学んできました.C＃/統一から来て、すべてが私が知っているものとは少し異なります。私は共同のドラムマシンを作っています。私は90％の作業をしています：http://ec2-54-194-29-66.eu-west-1.compute.amazonaws.com:9000/

私は、キーを押して送信してマウスを操作してノードサーバーを動作させていますが、イベント、私は他の接続やサーバーのコンソールにクリックを登録していますが、イベントの内容を適切に送信することを理解していないようです。私はvar data = list：e.classListとdata.listを読んで同じことを見ることはできないのですか？ここで

は、私が働いて取得しようとしてきたコードですが、私は、プロパティのエラーを読み取ることができません取得する：私はもともとちょうどeまたはe.targetの代わりに、そのデータ構造体を放出しようとしていた

function newMouseOn(data) 
    { 
     console.log("Is this working Click On?" + data.target); 
     data.list.add('active'); 
     //clickPlayOn(data); 
     data.target.play(); 
    } 

    function newMouseOff(data) 
    { 
     console.log("Is this working ClickOff?" + data.target); 
     //clickPlayOff(data); 
     data.list.remove('active'); 
    } 

socket.on('mouseOn', newMouseOn); 
socket.on('mouseOff', newMouseOff); 


    function clickPlayOn(e) 
    { 
     var data = { 
     id: e.target.id, 
     timeStamp: e.timeStamp, 
     type: e.type, 
     target: e.target, 
     list: e.classList 
     } 
     socket.emit('mouseOn', data); 
     e.target.classList.add('active'); 
     e.target.play(); 
    } 

    function clickPlayOff(e) 
    { 
     var data = 
     { 
     id: e.target.id, 
     timeStamp: e.timeStamp, 
     type: e.type, 
     target: e.target, 
     list: e.classList 
     } 
     socket.emit('mouseOff', data); 
     e.target.classList.remove('active'); 
    } 


server side: 

    socket.on('mouseOn', MouseClick); 
    socket.on('mouseOff', MouseClicked); 


function MouseClick(data) 
    { 
    socket.broadcast.emit('mouseOn', data); 
    console.log(data); 
    } 

    function MouseClicked(data) 
    { 
    socket.broadcast.emit('mouseOff', data); 
    console.log(data); 
    } 

、それ動作していないようでした。誰かが私が逃しているものについて何か考えを持っていますか？

Answer 1

受け取ったオブジェクト（data）にはメソッドがありません。これはJSONとして転送され、オブジェクトに変換されるため、data.target.play();のようなメソッドを呼び出すことはできません。

オブジェクトを受け取ったときにメソッドを追加する必要がある場合は、そのメソッドを追加する必要があります。