如何在不点击的情况下显示颤振搜索文本域

<input type="text" id="searchInput" />

var searchInput = document.getElementById('searchInput');

searchInput.addEventListener('input', function() {
  var keyword = searchInput.value;
  
  // 根据关键词获取搜索建议的数据
  var suggestions = getSuggestions(keyword);
  
  // 显示搜索建议
  showSuggestions(suggestions);
});

function getSuggestions(keyword) {
  // 向后端发送请求，获取搜索建议数据
  // 可以使用fetch、axios等库发送异步请求
  // 返回一个包含搜索建议的数组
  // 示例数据：['搜索建议1', '搜索建议2', '搜索建议3']
}

function showSuggestions(suggestions) {
  var suggestionsList = document.getElementById('suggestionsList');
  
  // 清空之前的搜索建议
  suggestionsList.innerHTML = '';
  
  // 添加新的搜索建议
  suggestions.forEach(function(suggestion) {
    var suggestionItem = document.createElement('li');
    suggestionItem.textContent = suggestion;
    
    suggestionsList.appendChild(suggestionItem);
  });
  
  // 显示搜索建议列表
  suggestionsList.style.display = 'block';
}