0
222
ViewsCómo detectar antes de colocar el texto seleccionado en la entrada
Como de costumbre, puede colocar el texto seleccionado desde cualquier lugar en las entradas. Quiero hacer algo cuando el cursor entre en una entrada. por ejemplo: si seleccioné algún texto, lo arrastré a una entrada, pero no lo coloco en esa entrada. Pero la entrada que hace que el cursor y el ícono del cursor se hayan cambiado a ícono más, ¡quiero hacer la función en ese momento!
$("input").on("beforeDROP", function(){ //do something }); form input { font-size: 16px; } form { margin: 0 auto; width: 100%; text-align: center; } <form> <p>some text</p> <input type="text" /> </form>
·
Juan Pablo Isaza
1 answers
Answer question0
Puede usar los eventos dragover y dragstart para escuchar estos eventos.
Adjuntar un oyente dragstart al document se activará cada vez que se arrastre cualquier texto seleccionado en la página.
Si agrega un detector de dragover a su entrada de texto, podrá detectar cuándo se arrastra el texto seleccionado sobre él:
let textInput = document.getElementById('text-input'); textInput.addEventListener("dragover", (event) => { // prevent default to allow drop event.preventDefault(); console.log('dragging over input'); }, false); document.addEventListener("dragstart", (event) => { console.log('dragging'); }, false); form input { font-size: 16px; } form { margin: 0 auto; width: 100%; text-align: center; } <form> <p>some text</p> <input type="text" id="text-input" /> </form>
·
Juan Pablo Isaza
Report
Answer question