html搜索框事件,HTML onsearch事件用法及代码示例

当用户使用类型为“ search”的元素进行搜索时，HTML DOM中的onsearch事件发生。当用户按“Enter”或在搜索框中单击“x”时，此事件有效。

用法:

在HTML中：

在JavaScript中：

object.onsearch = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("search", myScript);

例：使用addEventListener()方法。

HTML DOM onsearch Event

GeeksforGeeks

id="searchID"

placeholder="Custom Search">

document.getElementById(

"searchID").addEventListener(

"search", GFGfun);

function GFGfun() {

var GFG = document.getElementById(

"searchID");

document.getElementById("try").innerHTML =

"Showing results for " + GFG.value;

}

输出：

搜索之前：

搜索后：

支持的浏览器：下面列出了HTML DOM onsearch Event支持的浏览器：

谷歌浏览器

苹果Safari

Opera