Positie van string bij muis?

Ik probeer een positie in een tekenreeks te vinden om een ​​ -tag toe te voegen aan aanhalingstekens met behulp van jQuery.

Wat ik van plan ben te doen is op hover de HTML van een alinea naar een string converteren, of misschien een tekstgebied.

Is er een manier om HTML aan de positie van de cursor toe te voegen?

0

2 antwoord

Als de X- en Y-coördinaten worden gegeven, kunt u het element verkrijgen door document.elementFromPoint (x, y) te gebruiken. Anders kun je de X en Y krijgen door de methode te gebruiken zoals beschreven in dit antwoord .

Dus, laat X en Y worden gegeven. Dan:

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);
1
toegevoegd
Als u op zoek was naar de exacte positie van een bepaalde tekst in een invoerveld, heb ik eerder uren besteed aan het maken van die tekst, zie: dit antwoord
toegevoegd de auteur Rob W, de bron
Geweldige jongens, ik kan niet wachten om deze later te proberen :)
toegevoegd de auteur Anthem127, de bron
1
toegevoegd
Ik wilde je bedanken! Dit bracht me op de weg die ik nodig had :)
toegevoegd de auteur Anthem127, de bron