вопрос с отправкой данных о событиях с щелчком по 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, чтобы увидеть то же самое?

Вот код, который я пытался получить работу, но я получаю не могу прочитать сообщение об ошибке свойства:

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

Я был первоначально пытается просто испускать е или e.target вместо этой структуры данных, но похоже, не работает. Кто-нибудь получил какие-то идеи о том, что мне не хватает? (кроме мозга)

Answer 1

Объект, который вы получили (data), не имеет методов, он передается как JSON и затем преобразуется в объект, поэтому вы не можете использовать любые методы, такие как data.target.play();.

Если вам нужны какие-либо методы, вы должны добавить их, когда объект получен.