点击<button>按钮会刷新页面问题

 问题描述

button默认的type为submit,如果刚把他放在form表单中也会触发acton,如果没有指定action就会跳转到本页面看着和刷新一样

解决方法

1.使用 type="button" 在按钮元素中添加 type="button" 属性,这将告诉浏览器按钮不应该触发表单的默认提交行为。

2.使用 JavaScript 阻止默认行为: 在按钮的点击事件处理函数中调用 event.preventDefault() 阻止默认的提交行为。

function submitForm(event) {
    event.preventDefault(); // 阻止默认提交行为
    // 执行其他逻辑
}

你可能感兴趣的:(经验杂谈,前端,java,javascript)