如何在另一个具有多个 contentEditable div 的 div 中识别活动的 contentEditable div

Question

这是简单的标记：

<div id="myId1">
    <div id="contentEdit1" contentEditable="true></div>
    <div id="contentEdit2" contentEditable="true></div>
    ...
</div>

这里是 jQuery 代码：

$('#myId1 ' + '[contenteditable="true"]').on('keydown', function(ev) {
    console.log($(this).attr('id'));
});

问题在于，当我开始编辑任何 contentEditable div 时，根本不会触发事件处理程序。有什么想法吗？

编辑：我的问题有一个错字。我错过了 [contenteditable="true"] 周围的单引号和 console.log 的右括号。

Answer 1

试试

$('#myId1 [contenteditable="true"]').on('keydown', function(ev) {
    console.log($(this).attr('id'));
});

演示 - https://codepen.io/vyspiansky/pen/vYGgEZj

其实你有一个错误的元素选择器'#myId1 ' + [contenteditable="true"] + 不要关闭console.log之后的括号。