时间戳

首页 > 解决方案 > 无法使输入默认按钮提交

javascript - 无法使输入默认按钮提交

问题描述

所以我们有一个简单的代码来搜索我们拥有的设置链接。打开时，页面使用输入搜索查询，然后单击搜索/提交。我们希望将其设置为当他们按 ENTER 时它会自动搜索，而不必使用 enter 按钮。不用说它不会打开谷歌我刚刚用它在这里显示

尽管付出了很多努力，但还是没有用，任何人都可以在这里帮助我吗？

<html>
    <!-- search function for loop - widget code
     created: 23/9/20
     last update: 24/9/20
     v 2.0.9 - corrected link to open in a new tab
    -->
    <head>
        <title>Search Loop</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script</script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#button').click(function(e) {  
                    var inputvalue = $("#input").val();
                    window.open ("http://www.google.co.uk");
                });
            });
        </script> 
    </head>
    <body>
        <p> Search Loop now ...</p>       
        <input type="text" value="" id="input"> 
        <input type="button" id="button" value="Search" onlick="document.button.submit();">
    </body>
</html>

标签： javascripthtmljquery

解决方案

如果您希望更新 JavaScript，只需添加一个函数，当您在输入框中键入内容并按 Enter 时，该函数将调用按钮单击函数。

    <script type="text/javascript">
        $(document).ready(function() {
            $('#button').click(function(e) {  
                var inputvalue = $("#input").val();
                window.open ("http://www.google.co.uk");
            });
            var input = document.getElementById("input");
            input.addEventListener("keyup", function(event) {
                if (event.keyCode === 13) {
                    event.preventDefault();
                    document.getElementById("button").click();
                }
            });

        });
    </script>

推荐阅读