Question

我有一个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>

当我将光标放在“是”之后，我想找到它是哪种类型的子弹。我的意思是子弹的样式，无论是订单还是无序列表。如何找到相同的。

Answer 1

您无法将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);
};

演示：http://jsfiddle.net/AsFvT/

如何查找当前Cursor区域是否为项目符号

1 个答案: