HTML | DOM onsearch 事件

HTML DOM 中的onsearch 事件发生在用户使用type=”search”的 元素进行搜索时。当用户在搜索框中按“Enter”或单击“x”时，此事件起作用。

支持的标签

<输入类型=“搜索”>

句法：

• 在 HTML 中：

• 在 JavaScript 中：

object.onsearch = function(){myScript};

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

object.addEventListener("search", myScript);

示例：使用 addEventListener() 方法。

html

 

    
      HTML DOM onsearch Event
  

 

    
        
          GeeksforGeeks
      
        
 
        
 
    
    
        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 事件支持的浏览器如下：

• 谷歌浏览器
• 苹果Safari
• 歌剧