js中如何获取光标所在的元素
<div contenteditable="true"> zinc <font size="3">haha</font><br/> 啦啦啦</div>
js中如何获取光标所在的元素，而不是鼠标点击时所点击的区域的元素。
上面的代码，点击界面中第一行后面的空白区域，光标会落在font标签里，但是鼠标获取的元素是div，如何做到，点击后是获取光标落在的标签。
慕仙森浏览 1841回答 1
1回答
-
慕沐林林
用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变蓝了
随时随地看视频慕课网APP
相关分类
JavaScript