Javascript - 動的に作成された適切なdivにsendkeys

Question

私のシナリオのコードを開始するのは少し迷っています。

新しいdivの追加ボタンをクリックしてdivボタンを削除することで、divを動的に作成することができます。したがって、ユーザーはページ上のどのdivにもフォーカスすることができ、キー入力イベントを正しいdivに送信する必要があります。

画面の左側にMathmlを挿入するボタンがあります。私はボタンをクリックして、ユーザーが現在フォーカスしているdivにMathmlコードを表示したいと考えています。

私が読んだところでは、各divにイベントリスナーを付ける必要がありますユーザーがdivを削除したときに削除されます（私はdivのインデックスを維持します）。

ボタンからdivにフォーカスを移動せずに、divからdivへフォーカスを移動し、Mathmlが正しいdivに移動していることを確認するにはどうすればよいですか？

私はvbやC＃で知っています.netそれは2秒の仕事ですが、javascriptはこの種の機能にとって本当の悪夢のようです。

すべてのヘルプ/ポインタ/ヒントなどが大歓迎です。

Answer 1

申し訳ありませんが、私はこのフィドルを作成しました。可能な解決策がどのように見えるかをご覧ください。

https://jsfiddle.net/1u0uw0df/

HTML

<div id="container"> 
</div> 
<button type="button" id="AddBtn"> 
Add 
</button> 
<button type="button" id="RemoveBtn"> 
Remove 
</button> 

jQueryの

var No = 0; 
var focusedElement; 
$(document).ready(function() { 
    $('#container').on('click','div',function() { 
     focusedElement = this; 
    }); 

    $('#AddBtn').on('click',function() { 
     $('#container').append('<div>Test'+No+'</div>'); 
     No++ 
    }); 

    $('#RemoveBtn').on('click', function() { 
     focusedElement.remove(); 
    }); 
});