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