javascript - 在具有 contenteditable 属性的元素的父级上触发的事件

Question

如果具有 contenteditable 属性的元素是具有 contenteditable 属性的另一个元素的子元素，则似乎触发的任何事件都在父元素而不是子元素上。如何防止这种行为？

<a href="#" contenteditable><img src="logo.png" contenteditable></a>

<script>
var editable = document.querySelectorAll("[contenteditable]");
for(var i=0;i<editable.length;i++){
editable[i].addEventListener("focus",editableFocus,false);
}
function editableFocus(e){
console.log(e.target.nodeName);
}
</script>