Question

这是我第一次在表单上使用Submit事件。我没有提交，而是使用了preventDefault（），然后添加了一些代码来执行搜索。当我按下搜索按钮时，它可以正常工作，在加载搜索结果的位置创建一个div。当我按Enter键时，它可以正常工作，直到必须将新的div附加到html为止。

这是创建div的功能

const crearDivResultados = function() {
    const divResultados = document.createElement('div');
    divResultados.setAttribute("id", "resultados");
    contenedorResultados.append(divResultados);
}

这是其余的代码。

const formulario = document.forms.buscador
formulario.addEventListener('submit', (event) => {
    event.preventDefault();
    let inputValor = inputBusqueda.value;
    contenedorResultados.innerHTML = '';
    crearTitulo(inputValor, contenedorResultados);
    crearDivResultados();
    let resultados = document.querySelector('#resultados');
    console.log(resultados);
    buscarGifs(inputValor).then (resp => {
        mostrarResultados(resp.data);
    })

    botonBusquedaDesplegado.style.display = 'none';
    contenedorResultados.style.display = 'block';
    resultados.style.display = 'flex';
})

此行代码中出现错误（未捕获（承诺）ReferenceError：未定义resultados）。

let resultados = document.querySelector('#resultados');

仅在使用Enter键提交时。单击该按钮时，效果很好。

谢谢！

Answer 1

事件类型提交表示单击了提交按钮。如果您想收听其他事件类型，请使用按键

单击按钮时addEventListener'submit'可以正常工作，但按Enter键则不能正常工作

1 个答案: