No permitir arrastrar datos a un campo

Alfredo
Sígueme!
No permitir arrastrar datos a un campo
No permitir arrastrar datos a un campo

Para no permitir arrastras datos a un campo, vamos a utilizar el atributo draggable. El verbo drag en inglés significa “arrastrar”, por lo que draggable lo traduciremos como elemento “arrastrable”.

El atributo draggable, es nuevo en HTML5. Por defecto, los enlaces y las imágenes son arrastrables (o draggables).

La principal función del atributo draggable es arrastrar y soltar.

Podemos añadir 3 valores al atributo draggable:

  • true (Sí permitimos arrastrar)
  • false (No permitimos arrastrar)
  • auto (Por defecto, sí permitimos arrastrar)

<!DOCTYPE HTML>
<html>
    <head>
        <style>
        input{
        height:150px;
        width:600px;
        font-size:18pt;
        background-color:#00a5e4;
        }
        </style>
    </head>
    <body>
        <input type="text"/>
        <br>
        <a href="javascript:alert('Lacodigoteca.com')" draggable="false">Lacodigoteca.com</a>
    </body>
</html>

Tip: Para más información sobre drag y drop os dejo el siguiente enlace
https://www.w3schools.com/html/html5_draganddrop.asp

Alfredo

Desarrollador web de profesión (.NET, jQuery, JavaScript y SQL Server). Amante del fútbol y los videojuegos. Escribo en este blog sobre temas de programación que me parecen interesantes y que quiero compartir con todo el mundo.

También te podría gustar...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
A %d blogueros les gusta esto: