logo标签列表

jQuery自动完成输入回车键

javascriptjqueryjquery-uiautocomplete
4

目前，按下 Enter 键时，自动完成操作会将所选元素的值放入输入框中。

我该如何修改这种行为，以使在元素上按下 Enter 键会触发该元素嵌入的 URL。 为了简化操作，我希望按下 Enter 键具有与鼠标单击返回元素相同的行为。

谢谢！

3个回答
3

简单易懂！

$(".quicksearch-input").autocomplete({

  minLength: 4, // minimum length to trigger suggestions

  // ... + other configuration options

  select: function(e, ui) { // define select handler

    var uri = ui.item.link; // where ui.item.link itself is defined in your object which you composing when retrieving JSON from endpoint

    window.location = uri; // forwarding to the URL obtained

  }, // select //
});

但是一切取决于您的实施方式。
1

这是在选择一个项目并按下回车键时调用的函数。您在此函数中看到的hacky代码从链接中提取href并重定向到该URL。

$("#searchBox").result(function(event, data, formatted) {
        var p = data.toString();
        p = p.replace('<a href="', '');
        var url = p.substr(0, p.indexOf('"'));
        p = p.replace('</a>', '');
        p = p.substr(p.indexOf('>') + 1, p.length - p.indexOf('>') - 1);
        window.location = "" + url;
        return false;
    });
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接