当用户使用类型为“ 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