javascript - jquery 在 jquery ui 自动完成上捕获点击事件

Question

我最近一直在想办法解决这个问题，但我做不到

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

我可以捕获 keyup 事件，但是当用户使用点击自动完成值时。 jQuery 不会触发 change 事件处理程序，我尝试使用所有存在的事件处理程序，但无济于事。

我认为它无法捕获基于 DOM 的元素操作？我不确定。这里有一个 fiddle

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!");
    }
});