Jquery在jquery ui autocomplete上捕获click事件

Question

我最近一直试图解决这个问题,但我不能

问题是我有一个input类型的字段text,我需要在选择自动完成的值时获取当前输入数据.注意我正在使用jQuery UI自动完成.

我可以捕获keyup事件但是当用户使用点击自动完成值时.jQuery不会触发change事件处理程序,我尝试使用每个事件处理程序,但无济于事.

我认为它无法捕获基于DOM的元素操作？我不确定.这是一个 小提琴

Answer 1

喜欢这个 http://jsfiddle.net/PUpRr/

select 选项应该做的伎俩.

选项/事件/方法API文档:http://api.jqueryui.com/autocomplete/

希望这符合需求 :)

示例代码

$("#to").autocomplete({
    source: function (request, response) {

        var friendsArray = [];
        friendsArray = [{
            "id": 1,
            "name": "hulk",
            "value": "hulk"
        }, {
            "id": 2,
            "name": "ironman",
            "value": "ironman"
        }, {
            "id": 3,
            "name": "Foobar",
            "value": "Foobar"
        }];

        response(friendsArray);
        return;


    },

    select: function (e, ui) {

        alert("selected!");
    },

    change: function (e, ui) {

        alert("changed!");
    }
});