jquery - イメージがフォーカスを取得したときにクリックイベントをトリガーする

Question

私はdiv要素を持っていますが、入力フィールドとそれ以外のイメージを動的に生成しています。入力フィールドをクリックしてからTabキーを押すと、画像がフォーカスを取得します。

画像にフォーカスがあるとき私は

をやってみたいことは、私が入力したキーイベントをトリガします。画像上の

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

ちょうど私達focusイベント。画像にfocustriggerクラスを追加しました。このコードはすべてのimg要素に適用されません。

$("#myDiv input").keypress(function(evt) { 
    var code = evt.keyCode ? evt.keyCode : evt.which; 
    if (code == 13) alert("OK"); 
}); 

画像がフォーカスを取得したときにあなたがそれをトリガーするためにこれを使用することができます：[次のようにキーイベントを入力して、あなたのハンドルを仮定し

$(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. 
    }); 
}); 

Answer 2

$("#myDiv img").focus(function() { 
    var evt = jQuery.Event('keypress'); 
    evt.keyCode = 13; 
    $("#myDiv input").trigger(evt); 
}); 

Answer 3

は、ここでは何の例ですあなたは必要があります：

http://jsbin.com/upowip

右上に、またはソースを表示するための編集リンクがあります。