addEventListener with 'submit' 不起作用,实际保持刷新

addEventListener with 'submit' is not working, actually keep refreshing

我正在尝试通过在表单标记中输入进行提交,但它不起作用
这是我的代码

document.querySelector('#button').addEventListener('submit',(e)=>{
    e.preventDefault()
    console.log('it works')
})
<ul>
    <li>
        <div>
            <form>
                <input></input>
                <button type="submit" id='button'></button>
            </form>
        </div>
    </li>
</ul>

提交事件触发 form 元素,而不是按钮元素。

你在错误的地方监听事件。