Javascript HTML按钮

Question

我目前有一个带有以下代码的HTML按钮：

<form id="tfnewsearch" method="get" >
            <input type="text" id="search_query" name="q" size="21" maxlength="120"><input type="button" id="search_button" name="search" value = "Search"onclick="doSearch(this.form.q)">
    </form>

仅当我单击提交按钮时，函数“ doSearch（）”才有效。 即使我仅按Enter键也必须工作，该怎么办？

Answer 1

<form id="tfnewsearch" method="get" onsubmit="doSearch()" >

只需将onclick更改为onsubmit并将其附加到您的表单上即可！

Answer 2

将其移动到简单JS脚本的正确方法

<script type="text/javascript">
    var form = document.querySelector('#tfnewsearch'),
        query = form.querySelector('[name="q"]');

    form.addEventListener('submit', function(){
        doSearch(query.value);      
    });
</script>