我正在尝试event.preventDefault()或返回false。
他们什么时候都没有工作?在我的网址末尾。
我的网址是http://127.0.0.1:789/
但是,每当我点击按钮上的回车。它将刷新页面,URL变为
http://127.0.0.1:789/?
而且无论我做什么,都将继续刷新页面。我检查了所有问题。
我正在尝试制作聊天应用程序。哪个在节点上
如果刷新,我会遇到问题
<!DOCTYPE html>
<html>
<head>
<title> Chat application Using Node</title>
<style type="text/css">
* { margin: 0 , auto; padding: 0; box-sizing: border-box;}
body { font: 15px helvetica, arial;}
form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%;}
form input{ border:0; padding: 10px; width: 85%; margin-right: .5%;}
form button { width: 9%; background: rgb(130 ,224, 255); border: none; padding:10px; }
#messages { list-style-type: none; margin: 0; padding: 0;}
#messages li { padding: 5px 10px;}
#messages li:nth-child(odd) {background: #eee;}
</style>
<script type="text/javascript" src = "/socket.io/socket.io.js"></script>
<script type="text/javascript" src = "https://code.jquery.com/jquery-latest.min.js"></script>
<script>
var socket = io();
$("form").on('submit', function(event){
event.preventDefault();
return false;
});
</script>
</head>
<body>
<div class="container">
<ul id="messages">
<li>test</li>
</ul>
<form action="">
<input type="text" id="message" autocomplete="off">
<button>Send</button>
</form>
</div>
</body>
</html>
我尝试了所有无效的方法,除非手动将#放在url的末尾。
最佳答案
您应该将脚本放置在文档就绪函数中(该脚本当前在DOM完成加载之前执行。)
$(function() {
$("form").on('submit', function(event){
event.preventDefault();
return false;
});
});
问号是因为表单将GET请求发送到当前页面。
关于javascript - 当我的网址有?标记event.preventDefault()或返回false不适用于表单提交事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30416031/