19/09/2018, 14:44
Sự kiện onsearch
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 < ! DOCTYPE html > < html > < body > < p > Nh ậ p n ộ i dung v à o ô b ê n d ướ i sau đó ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <body> <p>Nhập nội dung vào ô bên dưới sau đó nhấn "ENTER".</p> <input type="search" id="myInput" onsearch="myFunction()"> <p><strong>Lưu ý:</strong> Sự kiện onsearch không được hỗ trợ trong trình duyệt Internet Explorer, Firefox hay Opera 12 trở về trước.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myInput"); document.getElementById("demo").innerHTML = "Bạn đang tìm kiếm: " + x.value; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính onsearch được kích hoạt khi người dùng nhấn phím “ENTER” hoặc nhấn vào nút “x” trong thẻ <input> với type=”search”.
Trình duyệt hỗ trợ
Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onsearch | Có | Không hỗ trợ | Không hỗ trợ | Có | 15.0 |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt nào.
Cú pháp
|
1 |
<element onsearch="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong thẻ : <input type=”search”>
