如何在另一个具有多个 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 之后的括号。