javascript - 如何将 jQuery 函数翻译为原生 JavaScript？

Question

我的作业有问题。在我解释这一点之前，我想为我的英语道歉。 所以，我尝试在 Node.js 中进行聊天。我从网站“https://openclassrooms.com/fr/courses/1056721-des-applications-ultra-rapides-avec-node-js/1057959-tp-le-super-chat”中挑选了一段代码。 效果很好。聊天使用输入文本来发送消息。

我的问题是:这个聊天使用了 jQuery 库，而且它太旧了，我想将 jQuery 的函数翻译为 native JavaScript。我已经成功翻译了其中的三篇。其一仍是抵抗。

$('#formulaire_chat').submit(function () {
    var message = $('#message').val();
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    $('#message').val('').focus(); // Empty the Chat area and put the focus back on
    return false; // Allows you to block the "classic" sending of the form
});

我尝试把它变成这样:

document.getElementById('formulaire_chat').submit(function () {
    var message = document.getElementById('message').value;
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    document.getElementById('message').value = ' ';
    document.getElementById('message').focus();
    return false; // Allows you to block the "classic" sending of the form
});

当我使用“翻译”功能时，出现错误“无法 POST/” 我尝试一根一根地操纵所有的线，以找到它阻塞的位置。 但尽管我工作了几个小时，但它还没有起作用。 我正在学习代码，而且我是初学者，所以请不要评判我。

Answer 1

您可以尝试.addEventListener或.onsubmit()或(onsubmit =“submitFunction()”在表单标签的html上)

document.getElementById('formulaire_chat').addEventListener('submit', function(evt){
    var message = document.getElementById('message').value;
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    document.getElementById('message').value = ' ';
    document.getElementById('message').focus();
    return false; // Allows you to block the "classic" sending of the form
});