mozilla实现搜索栏历史记录

要在 Mozilla 中实现搜索栏历史记录，你可以使用 WebExtensions API 中的 storage API 来存储和检索搜索历史数据。以下是一个简单的示例代码：

// 获取搜索框元素
const searchBox = document.getElementById('search-box');

// 监听搜索框的键盘事件
searchBox.addEventListener('keyup', function(event) {
  // 按下回车键时保存搜索历史
  if (event.key === 'Enter') {
    // 获取当前输入的搜索关键字
    const keyword = searchBox.value.trim();

    // 确保关键字不为空
    if (keyword !== '') {
      // 获取之前保存的搜索历史
      browser.storage.local.get('searchHistory').then(result => {
        const searchHistory = result.searchHistory || [];

        // 将当前关键字添加到搜索历史中
        searchHistory.push(keyword);

        // 更新 storage 中的搜索历史
        browser.storage.local.set({ searchHistory });

        // 清空搜索框
        searchBox.value = '';
      });
    }
  }
});

在上面的示例中，我们使用了 Mozilla 的 WebExtensions API 中的 `storage.local` 对象来存储和检索搜索历史。当用户按下回车键时，我们获取当前输入的关键字，并使用 `storage.local.get` 方法获取之前保存的搜索历史。如果之前没有保存过搜索历史，则默认为一个空数组。然后，我们将新的关键字添加到数组中，并使用 `storage.local.set` 方法更新搜索历史数据。最后，我们清空搜索框的值，以便用户可以输入新的关键字。

请注意，这段代码使用了 Mozilla 的 WebExtensions API，它是用于开发浏览器扩展的标准 API，并且只能在支持 WebExtensions 的浏览器中使用，例如 Mozilla Firefox。如果你想在其他浏览器中实现类似的功能，可能需要使用该浏览器特定的 API 或框架。