粘贴事件时提前触发Bootstrap类型

Question

I've been trying to manually trigger the typeahead search on right-click paste by catching the paste event as follows but I can't seem to find a way to trigger the typeahead's 'matcher' function manually to query the entered string.

$('#search-bar').bind("paste", function(e)
{
    $(this).trigger("keydown"); // Tried keyup, input to no avail!
});

Any help would be much appreciated!

Answer 1

Shamelessly copied code from https://stackoverflow.com/a/15179532/559079

        $('#search-bar').typeahead({
            'updater' : function(item) {
              myAjaxFunction(item);
            }
        });

function myAjaxFunction (item){
$.ajax({ //DO STUFF HERE });
}

Answer 2

$('#search-bar').bind("paste", function(e){
    var self = $(this);
    setTimeout(function(){self.trigger("keydown");}, 0);
});

Answer 3

(1) my lazy solution: call $('#yourtypeaheadfield').trigger('keyup') to "impersonate" a keyup / keypress event .. this is how Typeahead hooks into the JQuery API.

(2) "better" answer: fire the typeahead event exlicitly - $().trigger('typeahead.updater') - I could not figure out the syntax, though, and it is not documented (at least not for bootstrap 2.3.2).