Javascript 如何从键盘添加Enter键来按下 html 按钮

您可以模拟点击按钮的过程.有.click()个

将$(‘#idofextbox’)替换为CHAT_INPUT，然后使用Keycode或哪个属性来标识Enter键的按下:

chat_input.addEventListener('keypress', function (e) {
    var code = e.keyCode || e.which;
    if (code === 13) {
        // Enter key has been pressed
        chat_input_send.click(); // Trigger the send button's click event
        e.preventDefault(); // Prevent the default behavior of the Enter key (form submission)
    }
});

下面是修改后的代码:

var chat_input_send = document.createElement('button')
chat_input_send.setAttribute('id', 'chat_input_send')
chat_input_send.setAttribute('disabled', true)
chat_input_send.innerHTML = `<i class="far fa-paper-plane"></i>`

var chat_input = document.createElement('input')
chat_input.setAttribute('id', 'chat_input')
chat_input.setAttribute('maxlength', 1000)
chat_input.placeholder = `${parent.get_name()}. Say something...`

chat_input.addEventListener('keyup', function() {
    if (chat_input.value.length > 0) {
        chat_input_send.removeAttribute('disabled')
        chat_input_send.classList.add('enabled')
    } else {
        chat_input_send.classList.remove('enabled')
    }
});

chat_input.addEventListener('keypress', function (e) {
    var code = e.keyCode || e.which;
    if (code === 13) {
        chat_input_send.click();
        e.preventDefault();
    }
});

chat_input_send.onclick = function() {
    chat_input_send.setAttribute('disabled', true);
    chat_input_send.classList.remove('enabled');
    
    if (chat_input.value.length <= 0) {
        return;
    }

    parent.create_load('chat_content_container');
    parent.send_message(chat_input.value);
    chat_input.value = '';
    chat_input.focus();
};

此代码将使您能够通过在关注聊天输入字段时按Enter键来发送消息.它触发的逻辑与"Send"按钮的Click事件触发的逻辑相同.

希望它能有所帮助:D