仅通过单击表单提交表单，而不是使用 javascript 的 from 字段

Question

 document.getElementById("searhForm").onclick = function() { alert(); //document.getElementById("searhForm").submit(); }

 #searhForm { border:1px solid red; }

 <form method="post" action="#" id="searhForm" > <input class="form-control" type="search" id="query" placeholder="Search!" > </form>

I want to trigger alert() when user click anywhere on the form. but when user click the text-field it should simply let the user write and alert() should not be triggered

Answer 1

Check for the nodeName before triggering the alert

 document.getElementById("searhForm").onclick = function (event) { if (event.target.nodeName;== "INPUT") { alert(); } }

 #searhForm { border: 1px solid red; }

 <form method="post" action="#" id="searhForm"> <input class="form-control" type="search" id="query" placeholder="Search!"> </form>

Answer 2

Check it. If it doesn't work, let me know.

document.getElementById("searhForm").addEventListener("click",function(e) {
var a = document.getElementById("query");
if(e.target != a) {
        alert();
        //document.getElementById("searhForm").submit();
}
});