El atributo de evento ondrag funciona cuando el elemento o la selección de texto se arrastra en HTML. Este evento es muy similar al evento de arrastrar y soltar. Este atributo es nuevo en HTML 5.
Etiquetas compatibles: admite todos los elementos HTML.
Sintaxis:
<element ondrag = "script">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se arrastra un elemento. Es compatible con todos los elementos HTML.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>ondrag event attribute</title>
<style>
#geeks {
border: 1px solid black;
padding:15px;
width:60%;
}
h1 {
color:green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>ondrag event attribute</h2>
<div id = "geeks" ondrag="Function()">
GeeksforGeeks: A computer science portal for geeks</div>
<script>
function Function() {
document.getElementById("geeks").style.fontSize = "30px";
document.getElementById("geeks").style.color = "green";
}
</script>
</center>
</body>
</html>
Salida:
antes de arrastrar el contenido:
Después de arrastrar el contenido:
Navegadores compatibles: los navegadores compatibles con el atributo de evento ondrag se enumeran a continuación:
- cromo 4.0
- Internet Explorer 9.0
- Firefox 3.5
- Safari: 6.0
- Ópera 12.0
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA