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>
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>