Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在contenteditable中查找以光标为目标的元素id_Javascript_Jquery_Html_Css_Cursor - Fatal编程技术网

Javascript 在contenteditable中查找以光标为目标的元素id

Javascript 在contenteditable中查找以光标为目标的元素id,javascript,jquery,html,css,cursor,Javascript,Jquery,Html,Css,Cursor,在contenteditable div中,我在contenteditable标记内移动光标时有不同的子元素id。。我需要获取光标位置元素id 像这样:例如 如果cursor位置在one字符串上,则输出为cursor position元素的id,如 1 如果是2输出2 我尝试这样做,但没有找到游标目标子id。它只在父项上 功能检查(e){ console.log($(e.target).attr('id')) } 解决: 一 两个 三 您可以这样做: $('#res')。在('keyup'

在contenteditable div中,我在contenteditable标记内移动光标时有不同的子元素id。。我需要获取光标位置元素id

像这样:例如

  • 如果
    cursor
    位置在
    one
    字符串上,则输出为cursor position元素的id,如
    1
  • 如果是
    2
    输出
    2
  • 我尝试这样做,但没有找到游标目标子id。它只在父项上

    功能检查(e){
    console.log($(e.target).attr('id'))
    }
    
    解决:
    一
    两个


    您可以这样做:

    $('#res')。在('keyup',function()上{
    var el=window.getSelection().getRangeAt(0.commonAncestorContainer.parentNode;
    控制台日志(el.id);
    });
    
    
    解决:
    一
    


    这是一个mousemove,不是那样的,只有使用KeyEvent时才可以。你能给出一些参考链接吗functions@prasad是的,我能。在我的更新答案中添加了一个链接。希望能有帮助。