0
331
VisualizaçõesObtener la posición del cursor al resaltar el texto
Necesito crear una extensión de Chrome que la gente pueda usar para buscar palabras. Y descubrí que uso el método de doble clic como cuando quiero encontrar el significado de una palabra, simplemente hago doble clic y luego aparecerá la notificación. (La imagen de abajo es mi extensión de Chrome).
.
- Sin embargo, encuentro que es difícil para el usuario encontrar el significado del verbo farsal, la colocación y la oración.
- Entonces, tenga una idea de que puedo obtener la posición del cursor cuando el usuario selecciona texto y hasta la última letra de este texto obtengo la posición.
- Además, también descubrí que muchas otras extensiones de Chrome son compatibles con esta función y son geniales. Uno de ellos es "Edge Translate". Cuando resalto un texto y luego suelto el mouse, aparece una pequeña bola emergente, luego hago clic en esta bola y aparece el panel. Esta es su extensión: https://chrome.google.com/webstore/detail/edge-translate/bocbaocobfecmglnmeaeppambideimao?hl=en
·
Juan Pablo Isaza
2 Respostas
Responde à pergunta0
Para seleccionar el texto, puede usar esta función, luego eliminar los puntos y otros caracteres que no le interesen y dividir el texto seleccionado por espacios para obtener la última palabra. (tampoco necesita las coordenadas del cursor para ello, por lo que podría eliminar esta parte del código)
let hasSelection = false; function showCoordsForMouseUp(event) { const selection = window.getSelection().toString() hasSelection = selection.length; if (hasSelection) { const x = event.clientX; const y = event.clientY; const coords = `X coords: ${x} , Y coords: ${y}`; console.log(`${coords} - ${selection}`) } else { console.log('No text selected') } } document.onmouseup = showCoordsForMouseUp;
·
Juan Pablo Isaza
Relatório
0
Gracias por tu aporte, he encontrado la solución con onMouseUp Event.
document.onmouseup = function F(e) { x = e.pageX; y = e.pageY; if (window.getSelection().toString() != "") { console.log("X: " + x + "Y: " + y); } } <p> Flower, flowers. </p>
·
Juan Pablo Isaza
Relatório
Responde à pergunta