首先,我浏览了 StackOverflow 并阅读了有关此问题的多个帖子,但找不到答案。问题是:有时,当用户单击按钮并从而向服务器发出消息时......
首先,我浏览了 StackOverflow 并阅读了有关此问题的多个帖子,但找不到答案。
问题: 有时,当用户单击按钮并由此向服务器发送消息时,服务器似乎多次收到该消息,因此多次调用函数。这样,当用户提交 allInventionsForm(见下文)时,玩家有时会获得超过 1 分。
我希望这里有一位网络英雄可以帮助我解决这个问题!
客户端代码:
allInventionsForm.on("submit", (e) => {
e.preventDefault()
const selectedPlayerId = $("input[name='invention']:checked").val()
// Prevent submitting if nothing selected
if (!selectedPlayerId) return
allInventionsForm.hide()
socket.emit("awardPoint", selectedPlayerId)
socket.emit("newRound")
})
服务器端代码:
o.on('connection', connected)
function connected(socket) {
// console.log(Socket ${socket.id} has connected to the server.)
/* CLIENT EVENT HANDLERS */
socket.on("joinRoom", () => { joinRoom(socket) })
[...]
socket.on("awardPoint", playerId => { awardPoint(socket, playerId) })
socket.on("newRound", () => { newRound(socket.roomId) })
}
function awardPoint(socket, playerId) {
const room = func.getRoomById(socket.roomId)
room.players[${playerId}].score++
func.emitToRoom(room, "updatePlayerInfo", room)
}
[...]