html - div でイベント バインディングが機能しない

Question

私はこのような構造を持っています:

<ul id="container">
    <li>
        <div tabindex="1" class="selectThis">
            <div>
                <div>
                    <span class="textToEdit" contenteditable="true"></span>
                </div>
            </div>
        </div>
    </li>
<ul>

イベントを contenteditable スパンにバインドするために機能する場所:

$("#container").on("keydown", ".textToEdit", function (e) {
    alert("yes");
});

しかし、div 自体は反応しません。

$("#container").on("keydown", ".selectThis", function () {
    alert("no");
});

.onコンテナだけでなく、全体が動的に生成されるため、使用します。sortable上記のコンテナでjquery UIを使用しています。バインディングの何が問題になっていますか? ulとtabindex も指定しようとしましliたが、div はまだアラートを出してくれません。

Answer 1

問題は、 --manually 呼び出しが機能するようsortableに呼び出された後に div がフォーカスされていなかったことです。これを知らせてくれたPilgerstorfer Franzに感謝します!ul$(".selectThis").focus()