Disable and enable Jquery autocomplete

Question

The Jquery autocomplete (LINK) has an option to turn it off, which looks like this:

$(input).autocomplete({ disabled: true });

I would like it to be turned off because its default settings is to respond on keyup. I much rather have it function on keydown. So I turned it off and I wrote a function with an event keydown like this:

timer = 0;
function func (){ 

var val = $(input).val();
$(input).autocomplete('search', val);
}


$(input).live('keydown', function(){

    if (timer) {
        clearTimeout(timer);
    }

    timer = setTimeout(func, 50000); 
     $(input).autocomplete( "enable" );
});

It doesn't work...meaning it does not do search after 50000 ms but instead it does the default setting with keyup. What should I change?

Why would you rather have it work on keydown?

Andrew Whitaker
– Andrew Whitaker

2012-05-07 20:02:28 +00:00
Commented May 7, 2012 at 20:02 — Andrew Whitaker
– Andrew Whitaker, Commented May 7, 2012 at 20:02
@Andrew Whitaker because its faster

Youss
– Youss

2012-05-07 20:03:10 +00:00
Commented May 7, 2012 at 20:03 — Youss
– Youss, Commented May 7, 2012 at 20:03

lucuma · Accepted Answer · 2012-05-07 20:14:37Z

1

Add a keyup event and stop the event propogation.

Add a keydown event and call it like this: $("input").autocomplete('search', 'demo-value');

$(input).autocomplete().keyup(function(event) {
  event.stopPropagation();
}).keydown(function() {
$(this).autocomplete('search', $(input).val());  //this or $(input)...
});

edited May 7, 2012 at 20:14

answered May 7, 2012 at 20:09

lucuma

18.3k4 gold badges68 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Youss Over a year ago

Still have to test it, but it looks good (I think this will work) Thanks(:

Farhan Ahmad · Accepted Answer · 2012-05-07 20:01:25Z

0

$( "#autocomplete" )
      .keydown( function( event ) {
            var isOpen = $( this ).autocomplete( "widget" ).is( ":visible" );
            var keyCode = $.ui.keyCode;
            if ( !isOpen && ( event.keyCode == keyCode.UP || event.keyCode == keyCode.DOWN ) ) {
                  event.stopImmediatePropagation();
            }

      })
      .autocomplete({
            source: someSource
      });

answered May 7, 2012 at 20:01

Farhan Ahmad

5,1987 gold badges43 silver badges70 bronze badges

2 Comments

Youss Over a year ago

Thanks, what do you mean with id autocomplete? Do you mean the input?? What is keyCode.UP/DOWN??

lucuma Over a year ago

This example was posted from the jquery forums with regards to a user trying to get the up and down arrows to work.

Collectives™ on Stack Overflow

Disable and enable Jquery autocomplete

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related