js如何获取当前光标在哪个dom节点上

可以使用document.getSelection()方法获取当前选中的文本，然后使用getRangeAt(0)方法获取选中文本的范围，最后使用commonAncestorContainer属性获取当前光标所在的dom节点。具体代码如下：

var selection = document.getSelection();
var range = selection.getRangeAt(0);
var node = range.commonAncestorContainer;

相关问题

range insertNode后怎么设置光标在插入的节点后面

如果您想在插入新节点后将光标设置在新节点的后面，可以使用DOM API中的`Range`对象和`Selection`对象来实现。

首先，您需要创建一个`Range`对象，然后将其起始位置和终止位置都设置为新节点的末尾位置。然后，您需要获取当前文档的`Selection`对象，并将其范围设置为新创建的`Range`对象。这样，就可以将光标设置在新节点的后面了。

以下是一个示例代码：

// 创建新节点
var newNode = document.createElement("div");
newNode.innerHTML = "这是新节点";

// 将新节点插入到指定位置
var insertNode = document.getElementById("insertNode");
insertNode.parentNode.insertBefore(newNode, insertNode.nextSibling);

// 创建 Range 对象并设置其范围
var range = document.createRange();
range.setStartAfter(newNode);
range.setEndAfter(newNode);

// 获取当前 Selection 对象并设置其范围
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

在上面的代码中，我们首先创建了一个新的`div`节点，并将其插入到了指定节点的后面。然后，我们创建了一个`Range`对象，并将其范围设置为新节点的末尾位置。最后，我们获取了当前文档的`Selection`对象，并将其范围设置为新创建的`Range`对象，这样就可以将光标设置在新节点的后面了。

用 javascript 获取当页面上鼠标（光标）位置

可以通过监听鼠标移动事件，获取鼠标相对于页面的坐标来获取当前光标位置。具体代码如下：

document.addEventListener('mousemove', function(event) {
  var x = event.pageX; // 鼠标相对于文档左边缘的横坐标
  var y = event.pageY; // 鼠标相对于文档上边缘的纵坐标
  console.log('X坐标：' + x + ', Y坐标：' + y);
});

这样，在鼠标移动时，就会在控制台输出当前光标位置的坐标信息。