Question

我正在尝试在字符串中找到一个位置，以便使用jQuery将<img>标记附加到drop上。

我打算做的是暂停将段落的HTML转换为字符串，或者可能是文本区域。

有没有办法将HTML附加到光标的位置？

Answer 1

如果给出了X和Y坐标，则可以使用document.elementFromPoint(x, y)来获取元素。否则，您可以使用this answer中描述的方法获取X和Y.

所以，让X和Y给出。然后：

function appendElementAt(img, x, y){
    var elem = document.elementFromPoint(x, y);
    var pos = elem.getBoundingClientRect();   //Calculate position of element
    var topPos = y - pos.top;                 // Calculate top position
    var leftPos = x - pos.left                // Calculate left positon

    elem.style.position = "relative";
    img.style.position = "absolute";
    img.style.top = topPos;
    img.style.left = leftPos;
    elem.appendChild(img);
}
// Usage:

var img = document.createElement("img");
appendElementAt(img, x, y);

Answer 2

使用window.getSelection（）和Range：

http://www.quirksmode.org/dom/range_intro.html

http://help.dottoro.com/ljvhnwsk.php

字符串在鼠标位置？

2 个答案: