gpt4 book ai didi

Javascript,页面不断刷新

转载 作者:行者123 更新时间:2023-11-28 05:18:44 24 4
gpt4 key购买 nike

我正在尝试在提交表单时做一些事情,但是当我打开页面时它一直在刷新,而我没有提交或做任何事情

<html>
<head>
</head>
<body>
<form id="someForm">
<input id="someInput" /><button>Send</button>
</form>
<script>
document.getElementById('someForm').submit(() => {
//do something..
});
</script>
</body>
</html>

最佳答案

您的代码会在页面显示后立即提交表单。自然地,这会重新显示页面,再次提交表单。

问题出在这里:

document.getElementById('someForm').submit(() => { // <===
//do something..
});

调用表单上的submit,表单提交它。如果你的目标是 Hook 事件,你不会那样做(看起来你可能已经看过一些 jQuery 示例),你可以这样做:

document.getElementById('someForm').addEventListener("submit", () => { // <===
//do something..
}, false);

旁注:肯定有很多时候你想在事件处理程序中使用箭头函数,但很多你不想这样做,因为你希望事件系统设置this 为您提供 Hook 处理程序的元素。所以请记住一些事情。

关于Javascript,页面不断刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41913330/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com