JavaScript中的事件是一種非常重要的事件類型。當用戶在HTML表單中輸入文本時，由于表單控件具有綁定事件的自然屬性，因此該事件經常用于響應表單上的文本輸入。JavaScript通過事件實現了一些特定任務，如實時搜索和動態過濾等。下面我們來更詳細地了解一下這種事件類型。

使用事件實現實時搜索的功能是非常常見的。假如你想要在搜索框中自動檢索關鍵字，那么輸入事件就是你需要的。以下代碼演示了事件如何用于實現實時搜索：

const searchBox = document.getElementById('search-box');
const result = document.getElementById('result');
searchBox.addEventListener('input', function() {
const searchKeywords = searchBox.value;
// 實現搜索邏輯
result.innerHTML = '搜索結果：' + searchKeywords;
});

在這個例子中，我們將事件添加到一個搜索框元素中。當用戶輸入搜索關鍵字時，事件處理程序將獲取搜索框的值并執行搜索邏輯。在本例中，我們只是在結果區域中顯示了搜索關鍵字，但是在實際應用中，我們會將關鍵字用于搜索數據庫搜尋結果。

除了實時搜索外，事件還可以用于動態過濾數據。例如，如果你有一個數據表格，并且希望用戶能夠在表格中快速查找到自己感興趣的數據，那么你可以使用事件來實現動態篩選。以下代碼演示了如何使用事件進行動態篩選：

const filterBox = document.getElementById('filter-box');
const tableRows = document.querySelectorAll('table tr');
filterBox.addEventListener('input', function() {
const filterKey = filterBox.value.toLowerCase();
for (let i = 0; i < tableRows.length; i++) {
const rowData = tableRows[i].innerText.toLowerCase();
if (rowData.indexOf(filterKey) < 0) {
tableRows[i].style.display = 'none';
} else {
tableRows[i].style.display = '';
}
}
});

在這個例子中，我們將事件添加到一個篩選框元素中。當用戶輸入篩選關鍵字時，事件處理程序將獲取篩選框的值并將其與表格中的每一行進行比較。如果某一行的數據不包含關鍵字，那么該行將被隱藏。

雖然上述示例顯示了事件的兩種主要用途，但實際上，該事件還可以用于執行其他任務，如禁用數據提交按鈕、限制表單控件的最大長度、驗證表單輸入等等。總之，事件在JavaScript中具有非常廣泛的應用。