Question

167

Differentiate between focus event triggered by keyboard/mouse

rated 0 times [ 174] [ 7] / answers: 1 / hits: 21376 / 13 Years ago, wed, april 13, 2011, 12:00:00

I'm using jquery ui autocomplete and want to decipher between focus events triggered by keyboard interaction and mouse interaction. How would I go about this?

$('input').autocomplete({

    source: function(request, response) {

        ...

    },

    focus: function(event, ui) {

        // If focus triggered by keyboard interaction

            alert('do something');

        // If focus event triggered by mouse interaction

            alert('do something else');

    }

});

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

malkajillc

Add To Favorites

Follow

Total Points: 652

Total Questions: 107

Total Answers: 98

Location: Finland

Member since Sat, Nov 6, 2021

3 Years ago

malkajillc questions

1 Vitest mock modules function in only one test and use the actual function in others

Wed, Nov 2, 22, 00:00, 2 Years ago

1 How to change PrismaClient database connection at runtime?

Tue, Jun 29, 21, 00:00, 3 Years ago

1 How do I add the axios package to my chrome extension I'm working on?

Tue, Dec 15, 20, 00:00, 4 Years ago

1 How to make a bot ping a user using discord.js

Fri, Aug 21, 20, 00:00, 4 Years ago

1 TypeError: Cannot read property 'v4' of undefined

Tue, Aug 11, 20, 00:00, 4 Years ago

View All

answered 13 Years ago monica · Accepted Answer

The only way I can think of doing this is to have a handler listen in on the keypress and click events, and toggle a boolean flag on/off. Then on the focus handler of your input, you can just check what the value of your flag is, and go from there.

Probably something like

var isClick;

$(document).bind('click', function() { isClick = true; })

           .bind('keypress', function() { isClick = false; })

           ;



var focusHandler = function () {

    if (isClick) {

        // clicky!

    } else {

        // tabby!

    }

}



$('input').focus(function() {

    // we set a small timeout to let the click / keypress event to trigger

    // and update our boolean

    setTimeout(focusHandler,100);

});

Whipped up a small working prototype on jsFiddle (don't you just love this site?). Check it out if you want.

Of course, this is all running off a focus event on an <input>, but the focus handler on the autocomplete works in the same way.

The setTimeout will introduce a bit of lag, but at 100ms, it might be negligible, based on your needs.