代码如下
<div id="inputarea" contentEditable="true" style="width:700px">
<h1 class="edit" contentEditable="true" onchange="alert('修改')">hello</h1>
<span class="edit" contentEditable="true">test</span>
</div>
当我的焦点在“hello”并且进行修改操作时，此时获取的对象是div标签，如何在这种情况下获得h1对象，显示出“修改”？
补充一下，需求是不能使用鼠标操作
分享
关键看你事件怎么绑定的，如果只是绑定到div上，那获取不到。需要把单击事件绑定到h1上
<!DOCTYPE html>
<html>
<body>
<div id="inputarea" contentEditable="true" style="width:700px">
<h1 class="edit" contentEditable="true" onclick='h1click(this)'>hello</h1>
<span class="edit" contentEditable="true">test</span>
</div>
<script>
function h1click(self){
alert(self.innerHTML);
}
</script>
</body>
</html>
