El método createEvent() en HTML crea un objeto de evento del tipo especificado. El evento creado debe inicializarse antes de su uso.
Sintaxis:
document.createEvent( event_type )
event_type: Es el parámetro requerido y se utiliza para especificar el tipo de evento. Hay muchos tipos de eventos que se enumeran a continuación:
El siguiente programa ilustra el método createEvent() en HTML:
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM createEvent() Event Method
</title>
<style>
div {
padding:50px;
text-align:center;
background-color: green;
color: white;
}
</style>
</head>
<body>
<script>
document.body.onclick = function() {
document.getElementById("Geeks").innerHTML
= "Welcome to GeeksforGeeks!";
};
var onClick = function() {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent
("click", true, true, window, 0, 0, 0, 0,
0, false, false, false, false, 0, null);
document.body.dispatchEvent(evt);
}
onClick();
</script>
<div id = "Geeks"></div>
</body>
</html>
Producción:
Antes de hacer clic en el elemento:
Después de hacer clic en el elemento:
Navegadores compatibles: los navegadores compatibles con el método DOM createEvent() se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 9
- Firefox 1
- Ópera 7
- Safari 1