📌  相关文章
📜  HTML | onsearch 事件属性(1)

📅  最后修改于: 2023-12-03 15:15:38.499000             🧑  作者: Mango

HTML | onsearch 事件属性

简介

onsearch 事件属性是指当用户在一个具有搜索功能的 HTML 元素中输入文本后点击搜索按钮或回车键时触发的事件。该事件属性可以应用于 <input> 或 <textarea> 元素中。

语法
<input onsearch="myFunction()">

<textarea onsearch="myFunction()"></textarea>
事件类型

事件类型为 Event。

示例

下面的示例演示了如何使用 onsearch 事件属性检测搜索框的文本内容并进行相应的操作。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML | onsearch 事件属性示例</title>
  </head>
  <body>
    <input type="text" onsearch="search()">
    <script>
      function search() {
        var input = document.querySelector('input[type="text"]');
        alert("搜索关键字：" + input.value);
      }
    </script>
  </body>
</html>
其他事件属性

除了 onsearch 事件属性之外，还有一些与搜索相关的事件属性可供使用，例如 oninput，onkeydown 和 onkeyup。oninput 检测输入的文本内容，而 onkeydown 和 onkeyup 检测按键事件，通常用于检测 Enter 键是否被按下。

总结

onsearch 事件属性为具有搜索功能的 HTML 元素提供了一种简单的检测搜索事件的方法。通过使用该事件属性，可以轻松地检测搜索框的文本内容并进行相应的操作。