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。绑定有什么问题？我也尝试过给ulandli一个 tabindex，但 div 仍然不会给我警报。

Answer 1

sortable问题是，在调用ul--manually 调用$(".selectThis").focus()使其工作后，div 没有被聚焦。感谢Pilgerstorfer Franz让我意识到这一点！