Question

I have a div element to which I am dynamically generating an input field and an image besides it. When I click on the input field and then use the tab key, the image gets the focus.

What I want to do

When the image has the focus, I want to trigger an enter key event.

HTML

<div id="myDiv"></div>

JQuery

$(document).ready(function(){
     $("div#myDiv").html("<input type='text' tabindex='1'></input><a><img src='icon.gif' tabindex='2'></img></a>");
});

Answer 1

Just us the focus event on the image. I added a focustrigger class to the image so that this code does not apply to all img elements.

$(document).ready(function(){
     $("div#myDiv").html("<input type='text' tabindex='1'></input><a><img src='icon.gif' class='focustrigger' tabindex='2'></img></a>");

     $('.focustrigger').focus(function() {
         // Trigger your "enter key event" here.
     });
});