Javascript 手动设置 URL

Question

我编写了以下脚本。它监听搜索文本输入字段，并获取值并转发到我的搜索页面(位于/Home/Search)。

<script type="text/javascript">
    $("#search").on('keydown', function (e) {
        var searchVal = $("#search").val();
        if (e.keyCode == 13) {
            var url = '/Home/Search?' + searchVal;
            window.location.href = url;
        }
    });
</script>

由于某种原因，它没有做任何事情。我当前的页面位置永远不会改变，并且有一个“？”只是附加到我当前 URL 的末尾。

想知道是否有人有任何想法。谢谢!!!

编辑这是实际操作:https://municipalagenda.com/

顶部的搜索栏 + 在字段中按 Enter 键会触发上述 JavaScript 函数。

Answer 1

它不起作用的原因是因为您在表单元素内有输入文本字段。因此，当您按 Enter 键时，表单会在点击 keydown 事件之前提交。

改变这个

<form class="navbar-form navbar-left">
        <i class="fa fa-search"></i>
        <input type="text" id="search" class="form-control" placeholder="Search Municipal Agenda">
</form>

至

<span class="navbar-form navbar-left">
        <i class="fa fa-search"></i>
        <input type="text" id="search" class="form-control" placeholder="Search Municipal Agenda">
</span>