Eventos del mouse JavaScript

Los eventos operan la interacción entre HTML y JavaScript y ocurren cuando el usuario o el navegador manipulan la página web, por ejemplo, hacer clic en un botón, presionar una tecla o cambiar el tamaño de una ventana se consideran eventos considerados. Hay una gran clasificación de los eventos de JavaScript, sin embargo, en este artículo, exploraremos la categoría de eventos del mouse JavaScript.

Según lo sugerido por el nombre, los eventos del mouse JavaScript se desencadenan por la interacción del mouse con las páginas web y estos eventos son parte del objeto MouseEvent.

Los eventos de JavaScript Mouse son

al hacer clic
onContextMenu
ondblclick
ondumedown
en el mouse
ondumeleave
municipal
en el mouseut
el ratón por encima
en el mouse

Este artículo discute estos uno por uno en profundidad.

Evento OnClick

Cuando un usuario hace clic en un elemento, el evento OnClick ocurre. Burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , ,
, , , , , , , , y se incluye en el nivel de DOM 2.</p> <p><strong>Sintaxis</strong></p> <p>La sintaxis del evento OnClick se proporciona a continuación.</p> <p><strong>Sintaxis html</strong></p> <element onclick="funtionName()"> <p><strong>Sintaxis de JavaScript</strong></p> objeto.onClick = function () script; <p><strong>JavaScript addEventListener () sintaxis</strong></p> objeto.addEventListener ("hacer clic", script); <p><strong>Ejemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><p> Haga clic en el botón de abajo.</p><br><button onclick="functionName()">haga clic aquí</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "Onclick Event";<br><br></script><br></body><br></html> <p>En el ejemplo anterior, aparecerá un botón en la página web. Después de hacer clic en el botón, el evento OnClick sucederá y aparecerá un mensaje.</p> <p><strong>Producción</strong></p> <p>Antes de hacer clic en el botón.</p> <p>Después de hacer clic en el botón, aparecerá el mensaje.</p> <p>evento OnContextMenu</p> <p>Cuando se abre el menú contextual de un elemento utilizando el clic derecho, el evento OnContextMenu ocurre. Burbujea y también es cancelable. Este evento admite todas las etiquetas HTML y se incluye en DOM versión 3.</p> <p><strong>Sintaxis</strong></p> <p>La sintaxis del evento OnContextMenu se da a continuación.</p> <p><strong>Sintaxis html</strong></p> <element oncontextmenu="funtionName()"> <p><strong>Sintaxis de JavaScript</strong></p> objeto.onContextMenu = function () script; <p><strong>JavaScript addEventListener () sintaxis</strong></p> objeto.addEventListener ("contextMenu", script); <p><strong>Ejemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><p oncontextmenu="functionName()">Haga clic con el botón derecho sobre mi.</p><br><script><br>function functionName() <br>alert("You just right-clicked!");<br><br></script><br></body><br></html> <p>En el ejemplo anterior, cuando haga clic derecho en el texto, el evento OnContextMenu se activará y primero aparecerá un cuadro de dialoag diciendo que acaba de realizar un clic derecho y después de hacer clic en Aceptar en el cuadro de diálogo Se abrirá el menú contextual.</p> <p><strong>Producción</strong></p> <p>Cuando ejecute el ejemplo anterior, aparecerá el siguiente texto.</p> <p>Ahora, cuando haga clic con el botón derecho en el texto, aparecerá el cuadro de diálogo.</p> <p>Después de hacer clic en Aceptar, el menú contextual se abrirá.</p> <p>Evento de OndblClick</p> <p>Cuando un elemento se hace doble clic, el evento OndblClick ocurre. Burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p> <p><strong>Sintaxis</strong></p> <p>La sintaxis del evento OndblClick se proporciona a continuación.</p> <p><strong>Sintaxis html</strong></p> <element ondblclick="functionName()"> <p><strong>Sintaxis de JavaScript</strong></p> objeto.onDblClick = function () script; <p><strong>JavaScript addEventListener () sintaxis</strong></p> objeto.addEventListener ("dblClick", script); <p><strong>Ejemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><button ondblclick="functionName()">Doble hazme clic.</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "I am learning JavaScript Events.";<br><br></script><br></body><br></html> <p>En el ejemplo anterior, aparecerá un botón y cuando haga doble clic en el botón El evento OndblClick se dispara y aparecerá un mensaje. Aquí está la salida.</p> <p><strong>Producción</strong></p> <p>Antes de hacer doble clic en el botón.</p> <p>Después de hacer doble clic en el botón.</p> <p>Evento de Onmousedown</p> <p>Cuando presiona un botón del mouse mientras mantiene el mouse sobre un elemento HTML, ocurre el evento de Onmousedown. Burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p> <p><strong>Sintaxis</strong></p> <p>La sintaxis del evento de onmousedown es la siguiente.</p> <p><strong>Sintaxis html</strong></p> <element onmousedown="funtionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onMouseDown = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("Mousedown", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmousedown="mouseDown()"><strong>Haga clic aquí</strong></button><br><script><br>function mouseDown() <br>document.getElementById("jsEvents").style.color = "red";<br><br></script><br></body><br></html><p>En el ejemplo anterior, aparecerá un botón en la página web. Cuando haga clic derecho en el botón mientras mantiene el puntero del mouse en el botón, el evento Onmousedown activará y el texto en el botón cambiará su color de negro a rojo.</p><p><strong>Producción</strong></p><p>El botón antes de hacer clic.</p><p>Después de hacer clic derecho en el mouse mientras el cursor permanece en el botón.</p><p>Evento en Mouseenter</p><p>Cuando traes un puntero de mouse en un elemento HTML, el evento On Mouseenter ocurre.No puede burbujear y no se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis del evento OnMouseEnder es la siguiente.</p><p><strong>Sintaxis html</strong></p><element onmouseenter="funtionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onMouseEnter = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("mouseenter", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseenter="mouseEnter()">Trae el puntero del mouse sobre mí.</h1><br><script><br>function mouseEnter() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>En el ejemplo anterior, aparece un texto en la página web. Cuando traiga el cursor de su mouse sobre el texto, el evento OnmouseEnter se activará y el color cambiará a Red.</p><p><strong>Producción</strong></p><p>Antes de traer el puntero del mouse en el texto.</p><p>Después de traer el cursor del mouse sobre el texto.</p><p>Evento de onmouseleave</p><p>Cuando aleja el puntero de su mouse de un elemento, el evento OnmousEleave ocurre. No puede burbujear y no se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis del evento onmouseleave es la siguiente.</p><p><strong>Sintaxis html</strong></p><element onmouseleave="functionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onmouseLeave = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("MouseLeave", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseleave="mouseLeave()">Trae el puntero del mouse sobre mí.</h1><br><script><br>function mouseLeave() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>En el ejemplo anterior, aparece un texto en la página web. Cuando mueve el cursor del mouse lejos del texto, el evento OnMouseEnter se activará y el color cambiará a verde.</p><p><strong>Producción</strong></p><p>Antes de alejar el puntero del mouse del texto.</p><p>El color cambiará cuando el puntero del mouse se aleje.</p><p>Evento de OnmouseMove</p><p>Cuando mueve el cursor de su mouse mientras lo mantiene en un elemento, el evento OnmouseMove ocurre. La única diferencia entre este evento y el evento en Mouseenter es que burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis de Onmousemove se da a continuación.</p><p><strong>Sintaxis html</strong></p><element onmousemove="functionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onmouseMove = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("mouseMove", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1>Eventos de JavaScript</h1><br><br><script><br>document.getElementById("tutorial").addEventListener("mousemove", function(event) <br>funtionName(event);<br>);<br>function funtionName(event) <br>alert("This is onmousemove event.")<br><br></script><br></body><br></html><p>En el ejemplo anterior, cuando mueva el cursor del mouse sobre el texto, el evento de OnmouseMove ocurrirá y aparecerá un cuadro de diálogo informarle que el evento OnmouseMove se ha activado.</p><p><strong>Producción</strong></p><p>Antes de mover el mouse sobre el texto.</p><p>Después.</p><p>Evento de OnMouseut</p><p>Cuando un cursor del mouse deja un elemento o cualquiera de sus hijos, el evento de Onmouseut ocurre. La única diferencia entre esto y el ondumeleave es que burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis del evento OnMouseOut se da a continuación.</p><p><strong>Sintaxis html</strong></p><element onmouseout="functionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onMouseOut = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("mouseOut", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseout="mouseOut()"><h1>Trae mouse aquí</h1></button><br><script><br>function mouseOut() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>En el ejemplo anterior, mueve el cursor del mouse lejos del botón, el evento On MouseOut se activará y el color del texto en el botón cambiará a verde.</p><p><strong>Producción</strong></p><p>Antes</p><p>Después</p><p>Evento de OnMouseOver</p><p>Cuando trae su cursor del mouse en un elemento o cualquiera de sus hijos, el evento de On Mouseover ocurre. Burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis del evento en Mouseover se proporciona a continuación.</p><p><strong>Sintaxis html</strong></p><element onmouseover="functionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onMouseOver = function () script;<p><strong>JavaScript addEventListener () sintaxis</strong></p>objeto.addEventListener ("Mouseover", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseover="mouseOver()"><h1>Trae mouse aquí</h1></button><br><script><br>function mouseOver() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>En el ejemplo anterior, mueve el cursor del mouse en el botón, el evento en Mouseover se activará y el color del texto en el botón cambiará a rojo.</p><p><strong>Producción</strong></p><p>Antes</p><p>Después</p><p>Evento de OnMouseup</p><p>Cuando se libera un botón del mouse mientras mantiene el puntero en un elemento, el evento de Onmouseup ocurre. Burbujea y se puede cancelar. Este evento admite todas las etiquetas HTML que no sean , , <br>, , , <iframe>, , , , , y y está incluido en DOM versión 2.</p><p><strong>Sintaxis</strong></p><p>La sintaxis del evento OnMouseUp se proporciona a continuación.</p><p><strong>Sintaxis html</strong></p><element onmouseup="functionName()"><p><strong>Sintaxis de JavaScript</strong></p>objeto.onMouseUp = function () script;<br><strong>JavaScript addEventListener () sintaxis</strong><br>objeto.addEventListener ("mouseup", script);<p><strong>Ejemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseup="mouseUp()"><strong>Haga clic aquí</strong></button><br><script><br>function mouseUp() <br>document.getElementById("jsEvents").style.color = "green";<br><br></script><br></body><br></html><p>En el ejemplo anterior, aparecerá un botón. Cuando haga clic derecho en el botón y se suelte mientras mantiene el puntero del mouse en el botón, el evento hacia arriba del mouse se activará y el color del texto en el botón cambiará a verde.</p><p><strong>Producción</strong></p><p>Antes de hacer clic derecho en el botón.</p><p>Después de soltar el botón mientras mantén el puntero del mouse en él.</p><p>Conclusión</p><p>Los eventos que ocurren debido a los movimientos del mouse se denominan eventos de mouse JavaScript. Los eventos que se clasifican en la categoría de eventos de Mouse JavaScript son el evento OnClick, el evento OnContextMenu, el evento OnDBlClick, el evento OnMousedown, el evento On MouseEnter, el evento OnMouseLeave, el evento OnMousEmove, el evento OnMouseOut, el evento OnMouseOver y OnMouseUp. Todos estos eventos se discuten en detalle junto con el ejemplo apropiado. </p> <p>Sobre el Autor</p> <h4>Naima Aftab</h4> <p>Soy un profesional de ingeniería de software con un profundo interés en la escritura. Estoy cursando la escritura técnica como mi carrera a tiempo completo y compartiendo mi conocimiento a través de mis palabras.</p> Ver todas las publicaciones <aside> <h4>Publicaciones relacionadas con sugerencias de Linux</h4><ul> <li>¿Cómo funciona el evento OnClick en JavaScript?</li><li>Cómo usar el método GetElementsBytagName () en JavaScript</li><li>Cómo usar la propiedad MouseEvent Screensx en JavaScript</li><li>¿Qué hace el método ATOB () en JavaScript?</li><li>¿Qué hace W Metacharacter en Regexp de JavaScript?</li><li>Cómo ejecutar TypeScript en VS Code</li><li>Cómo TypeScript es diferente de JavaScript?</li></ul> </aside> <p><strong>Linux Sintin LLC, editor@Linuxhint.comunicarse<br>1309 S Mary Ave Suite 210, Sunnyvale, CA 94087<br></strong> Política de privacidad y condiciones de uso</p> <table> </div> <div class="rek-block rek-block-article"> </div> <ul class="prev-next"> <li class="prev-next__item prev-next__item--left"><a href="http://es.cyberaxe.org/article/javascript-static-class-methods">« Métodos de clase estática JavaScript</a></li> <li class="prev-next__item prev-next__item--right"><a href="http://es.cyberaxe.org/article/string-iteration-methods-in-javascript">Métodos de iteración de cadena en JavaScript »</a></li> </ul> <style> .prev-next { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 20px 0; list-style: none; gap: 30px; } .prev-next li { max-width: 50%; } .prev-next__item { display: inline-block; font-weight: bold; } .prev-next__item--left { text-align: left; } .prev-next__item--right { text-align: right; } @media(max-width: 768px) { .prev-next li { max-width: 85%; } .prev-next__item--left { align-self: flex-start; } .prev-next__item--right { align-self: flex-end; } .prev-next { display: flex; flex-direction: column; } } </style> </div> <div class="col-xl-4"> <div class="sidebar-news"> <div class="rek-block rek-block-sidebar"> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://es.cyberaxe.org/category/c">C ++</a> </div> <div class="white-news__name"> <a href="http://es.cyberaxe.org/article/what-is-while-loop-in-c">Que es mientras bucle en c++?</a> </div> <div class="white-news__text"> El bucle While en C ++ permite que el programa ejecute un bloque de código repetidamente siempre que... </div> <div class="white-news__author"> <a href="http://es.cyberaxe.org/author/jacobo-pina">Jacobo Piña</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://es.cyberaxe.org/category/git">Git</a> </div> <div class="white-news__name"> <a href="http://es.cyberaxe.org/article/how-to-rewrite-most-recent-commit-history-in-git">Cómo reescribir la historia de comet comet más reciente en Git?</a> </div> <div class="white-news__text"> Para reescribir el historial de confirmación, el comando git confirm se puede usar con la opción -am... </div> <div class="white-news__author"> <a href="http://es.cyberaxe.org/author/homero-ontiveros">Homero Ontiveros</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://es.cyberaxe.org/category/salesforce">Fuerza de ventas</a> </div> <div class="white-news__name"> <a href="http://es.cyberaxe.org/article/salesforce-apex---governor-limits">Salesforce Apex - Límites de gobernador</a> </div> <div class="white-news__text"> Tutorial sobre cuáles son los límites del gobernador y cómo se pueden manejar para diferentes escena... </div> <div class="white-news__author"> <a href="http://es.cyberaxe.org/author/hernan-delao">Hernán Delao</a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="my-slider"> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/python">Pitón</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/python-count-characters-in-string">Python Count caracteres en cadena</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/pilar-melgar">Pilar Melgar</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/python">Pitón</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/python-finds-the-index-of-all-occurrences-in-a-list">Python encuentra el índice de todos los sucesos en una lista</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/pilar-aleman">Pilar Alemán</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/python">Pitón</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/python-os-mkdir">Python OS Mkdir</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/jose-luis-villagomez">José Luis Villagómez</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/salesforce">Fuerza de ventas</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/salesforce-data-loader">Cargador de datos de Salesforce</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/homero-ontiveros">Homero Ontiveros</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/javascript">Javascript</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/how-does-onclick-event-work-in-javascript">¿Cómo funciona el evento OnClick en JavaScript?</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/homero-ontiveros">Homero Ontiveros</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/oracle-database">Base de datos Oracle</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/what-is-the-purpose-of-oracle-cerner">¿Cuál es el propósito de Oracle Cerner??</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/mariana-cotto">Mariana Cotto</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/java">Java</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/what-is-import-java-io--in-java">¿Qué es la importación Java?.IO.*; en Java?</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/carolina-guzman">Carolina Guzmán</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/golang">golang</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/how-to-use-the-defer-keyword-in-golang">Cómo usar la palabra clave de diferir en Golang</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/mariana-cotto">Mariana Cotto</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/php">php</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/how-to-check-if-an-array-is-empty-in-php">Cómo verificar si una matriz está vacía en PHP?</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/lorenzo-canales">Lorenzo Canales</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://es.cyberaxe.org/category/c">C ++</a> </div> <div class="header-news__name"> <a href="http://es.cyberaxe.org/article/how-to-use-switch-statement-in-c">Cómo usar la instrucción Switch en C++?</a> </div> <div class="header-news__author"> <a href="http://es.cyberaxe.org/author/pilar-melgar">Pilar Melgar</a> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="footer"> <div class="footer__about">Un sitio sobre el sistema operativo Linux. Aquí encontrará muchos artículos interesantes y guías útiles</div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://es.cyberaxe.org/category/python">Pitón</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/postgresql">Postgresql</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/oracle-linux">Oracle Linux</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/c">C ++</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/windows-os">OS de Windows</a></li> </li> </ul> </div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://es.cyberaxe.org/category/docker">Estibador</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/c-sharp">c agudo</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/r">Riñonal</a></li> <li class="menu-item"><a href="http://es.cyberaxe.org/category/oracle-database">Base de datos Oracle</a></li> </li> <li class="menu-item"><a href="http://es.cyberaxe.org/all-categories"><b>Todas las categorias</b></a></li> </ul> </div> </div> </div> </footer> <script src="/assets/artline/js/app.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script> const images = document.querySelectorAll('img'); for (let i = 0; i < images.length; i++) { images[i].onerror = function() { this.src = 'https://cyberaxe.org/storage/img/nophoto.jpg'; } } </script> </body> </html>