$(function() {
  $("#autocomplete-input").autocomplete({
    source: ["苹果", "香蕉", "橙子", "葡萄", "西瓜", "芒果"],
    minLength: 1, // 触发搜索的最小字符数
    select: function(event, ui) {
      // 当用户选择一个项目时触发
      console.log("选择了: " + ui.item.value);
    },
    change: function(event, ui) {
      // 当输入框内容改变时触发
      console.log("内容改变为: " + $(this).val());
    },
    open: function() {
      // 当建议列表打开时触发
      console.log("建议列表已打开");
    },
    close: function() {
      // 当建议列表关闭时触发
      console.log("建议列表已关闭");
    },
    focus: function(event, ui) {
      // 当用户聚焦到建议列表中的项目时触发
      console.log("聚焦到: " + ui.item.value);
    },
    response: function(event, ui) {
      // 在显示建议列表前触发
      console.log("找到 " + ui.content.length + " 个匹配项");
    },
    search: function(event, ui) {
      // 在搜索请求发起前触发
      console.log("正在搜索: " + $(this).val());
    }
  });
});