キーコードを取得/クリック/変更イベントをトリガー

Question

（jquery）変更イベントハンドラから変更イベントをトリガしたものを見つけることができますか？

私の使用例：入力[type = text]アイテムの動的リストがあります。ユーザーが最後の空のアイテムを塗りつぶした場合、別のアイテムの新しい入力[type = text]を追加します。ユーザーがタブを押した（変更イベントを発生させた）場合は自動フォーカスしたいのですが、たとえばユーザーがどこかをクリックしたときなどはそうではありません（変更がトリガーされていますが、

簡略化した例：

https://jsfiddle.net/yxu82p1o/1/

<input type=text> 
<script> 
function addMore() { 
    $('input').off('change.addMore'); 
    $('<input type=text>').insertAfter($('input').last()).on('change.addMore', addMore); 
} 
$('input').on('change.addMore', addMore); 
</script> 

PS。私は、別のキーアップイベントをアタッチし、そこからキーを押さえるなどの回避策を見つけ出すことができますが、それが原因で何が起こったのかをチェンジイベントから見つけることははるかに簡単でクリーンです。

Answer 1

これはオプションです。 イベントをinput要素でリッスンし、TABキーがイベントをトリガーし、要素がinput要素の場合は、イベントをinput要素でトリガーします。その後、動的に追加されたinput要素をフォーカスします。

function addMore() { 
 
    $('input').off('change.addMore'); 
 
    $('<input type=text>').insertAfter($('input').last()).on('change.addMore', addMore); 
 
} 
 
$('input').on('change.addMore', addMore); 
 

 
$('body').on('keydown', 'input', function(e){ 
 
    var keyCode = e.keyCode || e.which; 
 
    if (keyCode == 9 && this.tagName === "INPUT") { 
 
    e.preventDefault(); 
 
    $(this).change(); 
 
    $(':text').last().focus(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<input type=text>