<div contenteditable="true">
zinc <font size="3">haha</font><br/>
啦啦啦</div>js中如何获取光标所在的元素，而不是鼠标点击时所点击的区域的元素。上面的代码，点击界面中第一行后面的空白区域，光标会落在font标签里，但是鼠标获取的元素是div，如何做到，点击后是获取光标落在的标签。
1 回答
慕沐林林
TA贡献2016条经验 获得超9个赞
用event.target不可以么？
补充：
我自己做了测试：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
border:1px solid red;
width:400px;
height:400px;
}</style>
</head>
<body>
<div contenteditable="true">
zinc <font size="3" data="font">haha</font><br/>
啦啦啦
</div>
</body>
<script>
window.onload = function() {
document.onclick = function (e) {
console.log(e.target);
if(e.target.getAttribute("data") == 'font') {
e.target.style.color = 'blue';
}
}
}
</script>
</html>
这个可以直接跑，当你鼠标点击font的时候，font变蓝了
添加回答
举报
0/150
提交
取消