提交 HTML 表单后,即使我的提交函数中有 e.preventDefault()
命令,网页也会重新加载。
$("#room-code-form").addEventListener("submit", function(e) {
e.preventDefault();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="room-code-form">
<input type="text" />
<input type="submit" />
</form>
最佳答案
尝试使用提交功能。您需要在 Document Ready 函数中绑定(bind)它
$(document).ready(function() {
$("#room-code-form").submit(function(e) {
e.preventDefault();
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="room-code-form">
<input type="text" />
<input type="submit" />
</form>
或
$("#room-code-form").submit(function(e) {
return false;
});
关于javascript - e.preventDefault() 不适用于表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56212919/