Question

I have a drop down list on my webpage with a jquery event attached to the change event. On change I use ajax to load a partial view in a popup window.

When the user uses the keyboard to navigate through the list of items but then clicks a link on another part of the page I momentarily see my popup window. This is obviously happening as when the user clicks a link elsewhere on the page, the change event is triggered on the drop down first.

Are there any neat solutions to solve this problem? A simple solution would be to fire the event on keyup but I don’t want this functionality to happen.

Here’s the change event snippet of code

$('#lookup').change(function()
{
    $.get(..//load template

Answer 1

Did not find a solution that I liked or worked clean with my style so decided to catch trigger on both the ‘change’ and ‘keyup’ events so as to avoid this scenario.