Javascript 如何查找当前光标区域是否为项目符号_Javascript

Javascript 如何查找当前光标区域是否为项目符号

javascript

Javascript 如何查找当前光标区域是否为项目符号,javascript,Javascript,我有一个HTML代码如下 <html> <body> <div id="Editbox" contentEditable="true" style="border: solid 1px red; width: 600px; height: 300px; overflow-y: scroll; overflow-x: scroll;"> <ol style = "list-style-type:

我有一个HTML代码如下

<html>
<body>
    <div id="Editbox" contentEditable="true"  
        style="border: solid 1px red; width: 600px; height: 300px; 
        overflow-y: scroll; overflow-x: scroll;">
        <ol style = "list-style-type:lower-alpha";>
        <li> hello </li>
        <li> how are you</li>
        </ol>
     </div>
</body>
</html>


你好
你好吗

当我把光标放在“are”之后时，我想找出它是哪种类型的子弹。我指的是项目符号的样式，无论是有序列表还是无序列表。如何找到相同的内容。

您不能将

onmouseover

事件绑定到

characterData

，但可以将其包装在span中并绑定到span元素

<ol>
    <li/>
    <li>how are <span id="test">you</span></li>
    <li/>
</ol>

var test = document.getElementById('test');
test.onmouseover = function(){
    console.log(this.parentNode.parentNode.tagName);
};



你好吗

var test=document.getElementById（'test'）；
test.onmouseover=函数（）{
console.log（此.parentNode.parentNode.tagName）；
};

演示：

不知道将光标放在“are”之后，我不确定您所说的“将光标放在are”之后是什么意思。非表单元素不保持光标位置。@Veena Sujith:它在“you”上方的鼠标上吗？