如何在用户输入字符时触发Jquery Autocomplete [英] How to get Jquery Autocomplete to trigger when user enters character

问题描述

嘿伙计们，我正在尝试使用jquery自动完成功能，我试图让用户在文本框中按下％时显示下拉列表。

Hey Guys, I am trying to use the jquery autocomplete functionality, I' trying to get the dropdown to be displayed anytime the user presses % in the text box.

<div class="form-group">
    <label>Languages</label>
    <input class="form-control autocomplete" id="Test" />
</div>

var availableTags = [
     "ActionScript",
     "AppleScript",
     "Asp",
     "BASIC",
     "C",
     "C++",
     "Clojure",
     "COBOL",
     "ColdFusion"
];
function split(val) {
    return val.split(/,\s*/);
}
function extractLast(term) {
    return split(term).pop();
}

$('#Test').keyup(function (e) {

    var c = String.fromCharCode(e.keyCode);

    if (e.shiftKey == true && c == "5") {
        $(".autocomplete").bind("keydown", function (event) {
            if (event.keyCode === $.ui.keyCode.TAB &&
                $(this).autocomplete("instance").menu.active) {
                event.preventDefault();
            }
        }).autocomplete({
            minLength: 0,
            source: function (request, response) {
                // delegate back to autocomplete, but extract the last term
                response($.ui.autocomplete.filter(
                  availableTags, extractLast(request.term)));
            },
            focus: function () {
                // prevent value inserted on focus
                return false;
            },
            select: function (event, ui) {
                var terms = split(this.value);
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push(ui.item.value);
                // add placeholder to get the comma-and-space at the end
                terms.push("");
                this.value = terms.join(", ");
                return false;
            }
        });
    }
});

非常感谢任何想法。谢谢你....

Any ideas are very much appreciated. Thanks guys....

推荐答案

（' ＃测试'）。keyup（ function （e）{

var c = String .fromCharCode（e.keyCode）;

if （e.shiftKey == true && c == 5）{

('#Test').keyup(function (e) { var c = String.fromCharCode(e.keyCode); if (e.shiftKey == true && c == "5") {

（ 。autocomplete ）。bind（ keydown， function （event）{
if （event.keyCode ===

(".autocomplete").bind("keydown", function (event) { if (event.keyCode ===

.ui。 keyCode.TAB&&

.ui.keyCode.TAB &&

这篇关于如何在用户输入字符时触发Jquery Autocomplete的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！