Eventos de mouse javascript

Os eventos operam a interação entre HTML e JavaScript e acontecem quando a página da web é manipulada pelo usuário ou pelo navegador, por exemplo, clicando em um botão, pressionando uma tecla ou redimensionando uma janela são considerados eventos. Há uma enorme classificação de eventos JavaScript, no entanto, neste artigo, exploraremos a categoria de eventos de camundongo JavaScript.

Conforme sugerido pelo nome JavaScript Mouse Events são desencadeados pela interação do mouse com as páginas da web e esses eventos fazem parte do objeto Mouseevent.

Javascript Mouse Events são

ONCLICK
ONCONTEXTMENU
OndblClick
OnMousedown
onMouseEnter
OnMouseleave
onmouseMove
onMouseOut
OnMouseOver
onMouseUp

Este artigo discute esses um a um em profundidade.

Evento OnClick

Quando um usuário clica em um elemento, o evento onclick acontece. Ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , ,
, , , , , , , , e está incluído no nível 2 do DOM.</p> <p><strong>Sintaxe</strong></p> <p>A sintaxe do evento OnClick é fornecida abaixo.</p> <p><strong>Sintaxe HTML</strong></p> <element onclick="funtionName()"> <p><strong>Sintaxe JavaScript</strong></p> objeto.OnClick = function () script; <p><strong>Javascript addEventListener () sintaxe</strong></p> objeto.addEventListener ("clique", script); <p><strong>Exemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><p> Clique no botão abaixo.</p><br><button onclick="functionName()">Clique aqui</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "Onclick Event";<br><br></script><br></body><br></html> <p>No exemplo acima, um botão aparecerá na página da web. Depois de clicar no botão, o evento onclick acontecerá e uma mensagem aparecerá.</p> <p><strong>Saída</strong></p> <p>Antes do botão ser clicado.</p> <p>Depois que o botão for clicado, a mensagem aparecerá.</p> <p>Evento OnContextMenu</p> <p>Quando o menu de contexto de um elemento é aberto usando o clique com o botão direito, o evento ONCONTEXTMENU acontece. Ele borbulha e também é cancelável. Este evento suporta todas as tags HTML e está incluído na versão 3 DOM.</p> <p><strong>Sintaxe</strong></p> <p>A sintaxe do evento onctextmenu é dada abaixo.</p> <p><strong>Sintaxe HTML</strong></p> <element oncontextmenu="funtionName()"> <p><strong>Sintaxe JavaScript</strong></p> objeto.ONCONTEXTMENU = function () script; <p><strong>Javascript addEventListener () sintaxe</strong></p> objeto.addEventListener ("contextmenu", script); <p><strong>Exemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><p oncontextmenu="functionName()">Clique com o botão direito do mouse em mim.</p><br><script><br>function functionName() <br>alert("You just right-clicked!");<br><br></script><br></body><br></html> <p>No exemplo acima, quando você clica com o botão direito do mouse no texto, o evento OnContextMenu acionará e primeiro uma caixa de disciato aparecerá dizendo que você acabou de executar um clique direito e depois de clicar em OK na caixa de diálogo, o menu de contexto abrirá.</p> <p><strong>Saída</strong></p> <p>Quando você executa o exemplo acima, o seguinte texto aparecerá.</p> <p>Agora, quando você clicará com o botão direito do mouse no texto, a caixa de diálogo aparecerá.</p> <p>Depois de clicar em OK, o menu de contexto será aberto.</p> <p>Evento OndblClick</p> <p>Quando um elemento é clicado duas vezes, o evento OndblClick acontece. Ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p> <p><strong>Sintaxe</strong></p> <p>A sintaxe do evento OndblClick é fornecida abaixo.</p> <p><strong>Sintaxe HTML</strong></p> <element ondblclick="functionName()"> <p><strong>Sintaxe JavaScript</strong></p> objeto.ondblClick = function () script; <p><strong>Javascript addEventListener () sintaxe</strong></p> objeto.addEventListener ("dblClick", script); <p><strong>Exemplo</strong></p> <!DOCTYPE html><br><html><br><body><br><button ondblclick="functionName()">Clique duas vezes em mim.</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>No exemplo acima, um botão aparecerá e, quando você clicará duas vezes no botão, os gatilhos do evento OndblClick e uma mensagem aparecerá. Aqui está a saída.</p> <p><strong>Saída</strong></p> <p>Antes de clicar duas vezes no botão.</p> <p>Depois de clicar duas vezes no botão.</p> <p>Evento OnMousedown</p> <p>Quando você pressiona um botão do mouse enquanto mantém o mouse sobre um elemento HTML, o evento OnMousedown acontece. Ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p> <p><strong>Sintaxe</strong></p> <p>A sintaxe do evento OnMousedown é a seguinte.</p> <p><strong>Sintaxe HTML</strong></p> <element onmousedown="funtionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMousedown = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mousedown", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmousedown="mouseDown()"><strong>Clique aqui</strong></button><br><script><br>function mouseDown() <br>document.getElementById("jsEvents").style.color = "red";<br><br></script><br></body><br></html><p>No exemplo acima, um botão aparecerá na página da web. Quando você clicar com o botão direito do lado do botão, mantendo o ponteiro do mouse no botão, o evento OnMousedown acionará e o texto no botão mudará sua cor de preto para vermelho.</p><p><strong>Saída</strong></p><p>O botão antes de clicar.</p><p>Depois de clicar com o botão direito do mouse enquanto o cursor permanece no botão.</p><p>Evento OnMouseEnter</p><p>Quando você traz um ponteiro de mouse em um elemento HTML, o evento OnMouseEnter acontece.Não pode borbulhar e não pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do evento OnMouseEnter é a seguinte.</p><p><strong>Sintaxe HTML</strong></p><element onmouseenter="funtionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouseEnter = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mouseEnter", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseenter="mouseEnter()">Traga o ponteiro do mouse sobre mim.</h1><br><script><br>function mouseEnter() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>No exemplo acima, um texto aparece na página da web. Quando você traz o cursor do seu mouse sobre o texto, o evento OnMouseEnter será acionado e a cor mudará para vermelho.</p><p><strong>Saída</strong></p><p>Antes de trazer o ponteiro do mouse no texto.</p><p>Depois de trazer o cursor do mouse sobre o texto.</p><p>Evento OnMouseleave</p><p>Quando você afasta o ponteiro do mouse de um elemento, o evento OnMouseleave acontece. Não pode borbulhar e não pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do evento OnMouseleave é a seguinte.</p><p><strong>Sintaxe HTML</strong></p><element onmouseleave="functionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouseLeave = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mouseleave", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseleave="mouseLeave()">Traga o ponteiro do mouse sobre mim.</h1><br><script><br>function mouseLeave() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>No exemplo acima, um texto aparece na página da web. Quando você afasta o cursor do mouse do texto, o evento OnMouseEnter acionará e a cor mudará para verde.</p><p><strong>Saída</strong></p><p>Antes de tirar o ponteiro do mouse do texto.</p><p>A cor mudará quando o ponteiro do mouse se afastar.</p><p>Evento OnMousEmove</p><p>Quando você move o cursor do mouse enquanto o mantém em um elemento, o evento OnMouseMove acontece. A única diferença entre este evento e o evento OnMouseEnter é que ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do OnMouseMove é dada abaixo.</p><p><strong>Sintaxe HTML</strong></p><element onmousemove="functionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouSEMove = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mousemove", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><h1>Eventos 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>No exemplo acima, quando você move o cursor do mouse sobre o texto, o evento OnMouSeMove acontecerá e uma caixa de diálogo aparecerá informando que o evento OnMouseMove foi acionado.</p><p><strong>Saída</strong></p><p>Antes de mover o mouse sobre o texto.</p><p>Depois.</p><p>Evento OnMouseOut</p><p>Quando um cursor de mouse deixa um elemento ou qualquer um de seus filhos, o evento OnMouseOut acontece. A única diferença entre isso e onmouseleave é que ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do evento OnMouseOut é dada abaixo.</p><p><strong>Sintaxe HTML</strong></p><element onmouseout="functionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouseOut = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mouseout", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseout="mouseOut()"><h1>Traga o mouse aqui</h1></button><br><script><br>function mouseOut() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>No exemplo acima, você afasta o cursor do mouse do botão, o evento OnMouseOut será acionado e a cor do texto no botão mudará para verde.</p><p><strong>Saída</strong></p><p>Antes</p><p>Depois</p><p>Evento OnMouseOver</p><p>Quando você traz o cursor do mouse em um elemento ou em qualquer um de seus filhos, o evento OnMouseOver acontece. Ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do evento OnMouseOver é fornecida abaixo.</p><p><strong>Sintaxe HTML</strong></p><element onmouseover="functionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouseOver = function () script;<p><strong>Javascript addEventListener () sintaxe</strong></p>objeto.addEventListener ("mouseOver", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseover="mouseOver()"><h1>Traga o mouse aqui</h1></button><br><script><br>function mouseOver() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>No exemplo acima, você move o cursor do mouse no botão, o evento OnMouseOver será acionado e a cor do texto no botão mudará para vermelho.</p><p><strong>Saída</strong></p><p>Antes</p><p>Depois</p><p>Evento OnMouseUp</p><p>Quando um botão do mouse é liberado enquanto mantém o ponteiro em um elemento, o evento OnMouseUp acontece. Ele borbulha e pode ser cancelado. Este evento suporta todas as tags html que não sejam , , <br>, , , <iframe>, , , , , e está incluído na versão 2 do DOM.</p><p><strong>Sintaxe</strong></p><p>A sintaxe do evento OnMouseUp é fornecida abaixo.</p><p><strong>Sintaxe HTML</strong></p><element onmouseup="functionName()"><p><strong>Sintaxe JavaScript</strong></p>objeto.onMouseUp = function () script;<br><strong>Javascript addEventListener () sintaxe</strong><br>objeto.addEventListener ("mouseup", script);<p><strong>Exemplo</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseup="mouseUp()"><strong>Clique aqui</strong></button><br><script><br>function mouseUp() <br>document.getElementById("jsEvents").style.color = "green";<br><br></script><br></body><br></html><p>No exemplo acima, um botão aparecerá. Quando você clica com o botão direito do lado do botão e solte enquanto mantém o ponteiro do mouse no botão, o evento OnMouse UP acionará e a cor do texto no botão mudará para verde.</p><p><strong>Saída</strong></p><p>Antes de clicar com o botão direito do botão.</p><p>Depois de liberar o botão enquanto mantém o ponteiro do mouse nele.</p><p>Conclusão</p><p>Eventos que ocorrem devido a movimentos do mouse são chamados de eventos de mouse javascript. Eventos classificados na categoria de eventos JavaScript Mouse são o evento OnClick, OCONTEXTMENU Evento, OndblClick Event, OnMousedown Event, OnMouseEnter, Evento OnMouseleave, Evento OnMouseMove, Evento OnMouseOut, OnMoveover Event e OnMouseUp Event, Evento OnMouseUp. Todos esses eventos são discutidos em detalhes, juntamente com o exemplo apropriado. </p> <p>Sobre o autor</p> <h4>Naima Aftab</h4> <p>Eu sou um profissional de engenharia de software com um profundo interesse em escrever. Estou buscando escrita técnica como minha carreira em tempo integral e compartilhando meu conhecimento através de minhas palavras.</p> Ver todas as postagens <aside> <h4>Postagens relacionadas ao linux</h4><ul> <li>Como funciona o OnClick Event em JavaScript</li><li>Como usar o método getElementsByTagName () em JavaScript</li><li>Como usar a propriedade Mouseevent Screenx em JavaScript</li><li>O que o método ATOB () faz em JavaScript</li><li>O que W Metacharacter faz no regexp de JavaScript</li><li>Como executar o TypeScript no código VS</li><li>Como o TypeScript é diferente de JavaScript?</li></ul> </aside> <p><strong>Linux Hint LLC, editor@linuxhint.com<br>1309 S Mary Ave Suite 210, Sunnyvale, CA 94087<br></strong> Política de privacidade e termos 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://pt.cyberaxe.org/article/javascript-static-class-methods">« Métodos de classe estática JavaScript</a></li> <li class="prev-next__item prev-next__item--right"><a href="http://pt.cyberaxe.org/article/string-iteration-methods-in-javascript">Métodos de iteração de string em 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://pt.cyberaxe.org/category/php">php</a> </div> <div class="white-news__name"> <a href="http://pt.cyberaxe.org/article/how-to-append-to-an-array-in-php">Como anexar a uma matriz no PHP?</a> </div> <div class="white-news__text"> Matrizes são importantes para manter diferentes tipos de dados em um só lugar. Siga este artigo para... </div> <div class="white-news__author"> <a href="http://pt.cyberaxe.org/author/carl-hintz-dds">Carl Hintz DDS</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://pt.cyberaxe.org/category/c-sharp">C nítido</a> </div> <div class="white-news__name"> <a href="http://pt.cyberaxe.org/article/what-is-switch-expression-in-c">O que é a expressão de troca em C#</a> </div> <div class="white-news__text"> Mudar expressões, permita que você construa código compacto e expressivo que avalie apenas uma decla... </div> <div class="white-news__author"> <a href="http://pt.cyberaxe.org/author/marlon-bernhard">Marlon Bernhard</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://pt.cyberaxe.org/category/java">Java</a> </div> <div class="white-news__name"> <a href="http://pt.cyberaxe.org/article/java-servlet-examples">Exemplos de servlet java</a> </div> <div class="white-news__text"> Tutorial sobre os usos do Java Servlet para desenvolver o servidor de aplicativos da web e os difere... </div> <div class="white-news__author"> <a href="http://pt.cyberaxe.org/author/tommie-konopelski">Tommie Konopelski</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://pt.cyberaxe.org/category/python">Pitão</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/python-call-static-method-within-class">Método estático de chamada Python dentro da aula</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/tommie-konopelski">Tommie Konopelski</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/python">Pitão</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/python-list-to-comma-separated-string">Lista de Python para sequência separada por vírgula</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/rickey-greenholt">Rickey Greenholt</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/python">Pitão</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/python-count-occurrences-in-list">Ocorrências de contagem de python na lista</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/jackie-blanda">Jackie Blanda</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/postgresql">PostGresql</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/how-to-copy-a-table-from-one-database-to-another-in-postgresql">Como copiar uma tabela de um banco de dados para outro no PostgreSQL</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/benny-hilll-dds">Benny Hilll DDS</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/python">Pitão</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/python-chmod">Python chmod</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/evan-mueller">Evan Mueller</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/python">Pitão</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/matplotlib-2d-histogram">Histograma Matplotlib 2D</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/carl-hintz-dds">Carl Hintz DDS</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/linux-commands">Comandos Linux</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/how-to-install-and-enable-ssh-multi-factor-authentication-for-linux-systems">Como instalar e ativar a autenticação multifatorial SSH para sistemas Linux</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/orlando-green">Orlando Green</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/aws">AWS</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/what-is-aws-guardduty-and-why-it-is-used">O que é AWS GuardDuty e por que é usado?</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/tommie-konopelski">Tommie Konopelski</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/aws">AWS</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/what-is-batch-process-and-how-to-use-it-in-aws">O que é processo em lote e como usá -lo na AWS?</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/joey-bartoletti">Joey Bartoletti</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://pt.cyberaxe.org/category/java">Java</a> </div> <div class="header-news__name"> <a href="http://pt.cyberaxe.org/article/how-to-convert-a-map-to-a-string-in-java">Como converter um mapa em uma string em java?</a> </div> <div class="header-news__author"> <a href="http://pt.cyberaxe.org/author/rickey-greenholt">Rickey Greenholt</a> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="footer"> <div class="footer__about">Um site sobre o sistema operacional Linux. Aqui você encontrará muitos artigos interessantes e guias úteis</div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/python">Pitão</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/postgresql">PostGresql</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/oracle-linux">Oracle Linux</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/c">C ++</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/windows-os">Windows OS</a></li> </li> </ul> </div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/docker">Docker</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/c-sharp">C nítido</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/r">R</a></li> <li class="menu-item"><a href="http://pt.cyberaxe.org/category/oracle-database">Banco de dados Oracle</a></li> </li> <li class="menu-item"><a href="http://pt.cyberaxe.org/all-categories"><b>Todas as 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>