问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js中如何获取光标所在的元素

头像
七娃zinc
    282715
    <div contenteditable="true">
    zinc <font size="3">haha</font><br/>
    啦啦啦
</div>

    js中如何获取光标所在的元素，而不是鼠标点击时所点击的区域的元素。

    上面的代码，点击界面中第一行后面的空白区域，光标会落在font标签里，但是鼠标获取的元素是div，如何做到，点击后是获取光标落在的标签。

    javascript
    阅读 11.2k
    1 个回答
    得票最新
    头像
    asdfg
      229114856

      用event.target不可以么？

      补充：
      我自己做了测试：

      <!DOCTYPE html>
<html lang="en">
<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变蓝了。

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题