字符串在鼠標上的位置？

Question

我試圖在字符串中找到一個位置，以便使用jQuery將<img>標記添加到drop上。

我打算做的是在懸停將段落的HTML轉換爲字符串或文本區域。

有沒有辦法將HTML追加到遊標的位置？

Answer 1

使用window.getSelection（）和量程：

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

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

Answer 2

如果給出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);