我正在尝试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/

10-09 22:40