假设我有一些这样的HTML代码：
<body contentEditable="true">
<h1>Some heading text here</h1>
<p>Some text here</p>
</body>
现在插入符号（闪烁的光标）在<h1>元素内闪烁，比方说"|heading"一词。
如何获取JavaScript插入符号所在的元素？在这里，我想获取节点名称："h1"。
这仅需要在WebKit（嵌入在应用程序中）中起作用。它最好也应适用于选择。
首先，请考虑为什么，您正在执行此操作。如果要阻止用户编辑某些元素，只需将这些元素的contenteditable设置为false。
但是，可以按照您的要求做。下面的代码可在Safari 4中使用，并将返回所选内容所锚定的节点（即，用户开始选择，选择“向后”将返回结束而不是开始）–如果您想要元素类型作为字符串，只需获取返回节点的nodeName属性。这也适用于零长度的选择（即只是一个插入符位置）。
function getSelectionStart() {
var node = document.getSelection().anchorNode;
return (node.nodeType == 3 ? node.parentNode : node);
}