Eventi del mouse JavaScript

Gli eventi operano l'interazione tra HTML e JavaScript e si verificano quando la pagina Web viene manipolata dall'utente o dal browser, ad esempio, facendo clic su un pulsante, premendo un tasto o ridimensionamento di una finestra sono tutti considerati eventi. C'è un'enorme classificazione di eventi JavaScript, tuttavia, in questo articolo, esploreremo la categoria degli eventi Javascript Mouse.

Come suggerito dal nome, gli eventi JavaScript del mouse sono attivati dall'interazione del mouse con le pagine Web e questi eventi fanno parte dell'oggetto mouseevent.

Gli eventi JavaScript del mouse sono

al clic
OnContextMenu
OndblClick
Onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup

Questo articolo discute di questi a profondità uno per uno.

Evento OnClick

Quando un utente fa clic su un elemento, si verifica l'evento OnClick. Fa bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , ,
, , , , , , , , ed è incluso nel livello DOM 2.</p> <p><strong>Sintassi</strong></p> <p>La sintassi dell'evento OnClick è fornita di seguito.</p> <p><strong>Sintassi HTML</strong></p> <element onclick="funtionName()"> <p><strong>Sintassi di JavaScript</strong></p> oggetto.onClick = function () script; <p><strong>Sintassi JavaScript addEventListener ()</strong></p> oggetto.addEventListener ("Click", Script); <p><strong>Esempio</strong></p> <!DOCTYPE html><br><html><br><body><br><p> Fai clic sul pulsante in basso.</p><br><button onclick="functionName()">clicca qui</button><br><br><script><br>function functionName() <br>document.getElementById("tutorial").innerHTML = "Onclick Event";<br><br></script><br></body><br></html> <p>Nell'esempio sopra, verrà visualizzato un pulsante nella pagina web. Dopo aver fatto clic sul pulsante, si verificherà l'evento OnClick e verrà visualizzato un messaggio.</p> <p><strong>Produzione</strong></p> <p>Prima che il pulsante venga cliccato.</p> <p>Dopo aver fatto clic sul pulsante, verrà visualizzato il messaggio.</p> <p>Evento OnContextMenu</p> <p>Quando il menu contestuale di un elemento viene aperto utilizzando il tasto destro del mouse, si verifica l'evento OnContextMenu. Fa bolle ed è anche cancellabile. Questo evento supporta tutti i tag HTML ed è incluso nella versione DOM 3.</p> <p><strong>Sintassi</strong></p> <p>La sintassi dell'evento OnContextMenu è riportata di seguito.</p> <p><strong>Sintassi HTML</strong></p> <element oncontextmenu="funtionName()"> <p><strong>Sintassi di JavaScript</strong></p> oggetto.oncontextMenu = function () script; <p><strong>Sintassi JavaScript addEventListener ()</strong></p> oggetto.addEventListener ("ContextMenu", script); <p><strong>Esempio</strong></p> <!DOCTYPE html><br><html><br><body><br><p oncontextmenu="functionName()">Fare clic con il tasto destro su di me.</p><br><script><br>function functionName() <br>alert("You just right-clicked!");<br><br></script><br></body><br></html> <p>Nell'esempio sopra, quando fai clic con il pulsante destro del mouse sul testo, l'evento OnContextMenu attiverà e prima verrà visualizzata una casella Diantoag dicendo che hai appena eseguito un clic destro e dopo aver fatto clic su OK nella finestra di dialogo Il menu di contesto si aprirà.</p> <p><strong>Produzione</strong></p> <p>Quando si esegue l'esempio sopra, verrà visualizzato il seguente testo.</p> <p>Ora, quando fai clic con il tasto destro del mouse sul testo, verrà visualizzata la finestra di dialogo.</p> <p>Dopo aver fatto clic su OK, il menu contestuale si aprirà.</p> <p>Evento OndblClick</p> <p>Quando un elemento viene a doppio clic, si verifica l'evento OndblClick. Fa bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p> <p><strong>Sintassi</strong></p> <p>La sintassi dell'evento OndblClick è fornita di seguito.</p> <p><strong>Sintassi HTML</strong></p> <element ondblclick="functionName()"> <p><strong>Sintassi di JavaScript</strong></p> oggetto.ondblClick = function () script; <p><strong>Sintassi JavaScript addEventListener ()</strong></p> oggetto.addEventListener ("dblClick", script); <p><strong>Esempio</strong></p> <!DOCTYPE html><br><html><br><body><br><button ondblclick="functionName()">Fare doppio clic su di me.</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>Nell'esempio sopra, verrà visualizzato un pulsante e quando si doppiamente fai clic sul pulsante l'evento OndblClick e verranno visualizzati un messaggio. Ecco l'output.</p> <p><strong>Produzione</strong></p> <p>Prima di fare doppio clic sul pulsante.</p> <p>Dopo aver fatto doppio clic sul pulsante.</p> <p>Evento onmousedown</p> <p>Quando si preme un pulsante del mouse mantenendo il mouse su un elemento HTML, si verifica l'evento onmousedown. Fa bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p> <p><strong>Sintassi</strong></p> <p>La sintassi dell'evento OnMouseDown è la seguente.</p> <p><strong>Sintassi HTML</strong></p> <element onmousedown="funtionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onMouseDown = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("Mousedown", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><button onmousedown="mouseDown()"><strong>Clicca qui</strong></button><br><script><br>function mouseDown() <br>document.getElementById("jsEvents").style.color = "red";<br><br></script><br></body><br></html><p>Nell'esempio sopra, verrà visualizzato un pulsante nella pagina web. Quando fai clic con il pulsante destro del mouse mantenendo il puntatore del mouse sul pulsante, l'evento OnMouseDown si attiverà e il testo sul pulsante cambierà il suo colore da nero a rosso.</p><p><strong>Produzione</strong></p><p>Il pulsante prima di fare clic.</p><p>Dopo aver fatto clic con il pulsante destro del mouse mentre il cursore rimane sul pulsante.</p><p>Evento OnMouseenter</p><p>Quando porti un puntatore del mouse su un elemento HTML, si verifica l'evento OnMouseenter.Non può bolle e non può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi dell'evento OnMouseenter è la seguente.</p><p><strong>Sintassi HTML</strong></p><element onmouseenter="funtionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onmouseenter = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("Mouseenter", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseenter="mouseEnter()">Porta il puntatore del mouse su di me.</h1><br><script><br>function mouseEnter() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>Nell'esempio sopra, un testo viene visualizzato nella pagina web. Quando porti il cursore del mouse sul testo, l'evento OnMouseenter si attiverà e il colore cambierà in rosso.</p><p><strong>Produzione</strong></p><p>Prima di portare il puntatore del mouse sul testo.</p><p>Dopo aver portato il cursore del mouse sul testo.</p><p>evento onmouseleave</p><p>Quando si allontana il puntatore del mouse da un elemento, si verifica l'evento onmouseleave. Non può bolle e non può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi dell'evento OnMouseLeave è la seguente.</p><p><strong>Sintassi HTML</strong></p><element onmouseleave="functionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onMouseLeave = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("Mouseleave", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><h1 onmouseleave="mouseLeave()">Porta il puntatore del mouse su di me.</h1><br><script><br>function mouseLeave() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>Nell'esempio sopra, un testo viene visualizzato nella pagina web. Quando si allontana il cursore del mouse dal testo, l'evento OnMouseenter si innescerà e il colore cambierà in verde.</p><p><strong>Produzione</strong></p><p>Prima di allontanare il puntatore del mouse dal testo.</p><p>Il colore cambierà quando il puntatore del mouse si allontana.</p><p>Evento OnMouseMove</p><p>Quando muovi il cursore del mouse mentre lo tieni su un elemento, l'evento OnMouseMove accade. L'unica differenza tra questo evento e evento OnMouseenter è che bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi di OnMouseMove è riportata di seguito.</p><p><strong>Sintassi HTML</strong></p><element onmousemove="functionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onMouseMove = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("MouseMove", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><h1>Eventi 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>Nell'esempio sopra, quando si sposta il cursore del mouse sul testo, si verificherà l'evento OnMouseMove e apparirà una finestra di dialogo che ti informa che l'evento OnMouseMove è stato attivato.</p><p><strong>Produzione</strong></p><p>Prima di spostare il mouse sul testo.</p><p>Dopo.</p><p>Evento OnMouseout</p><p>Quando un cursore del mouse lascia un elemento o uno dei suoi figli, si verifica l'evento onmouseout. L'unica differenza tra questo e OnMouseLeave è che bolle e può essere cancellata. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi dell'evento OnMouseout è riportata di seguito.</p><p><strong>Sintassi HTML</strong></p><element onmouseout="functionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onmouseout = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("Mouseout", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseout="mouseOut()"><h1>Porta il mouse qui</h1></button><br><script><br>function mouseOut() <br>document.getElementById("tutorial").style.color = "green";<br><br></script><br></body><br></html><p>Nell'esempio sopra, si allontana il cursore del mouse dal pulsante, l'evento onmouseout attiverà e il colore del testo sul pulsante cambierà in verde.</p><p><strong>Produzione</strong></p><p>Prima</p><p>Dopo</p><p>Evento OnMouseOver</p><p>Quando porti il cursore del mouse su un elemento o su uno dei suoi figli, si verifica l'evento OnMouseOver. Fa bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi dell'evento OnMouseOver è fornita di seguito.</p><p><strong>Sintassi HTML</strong></p><element onmouseover="functionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onmouseover = function () script;<p><strong>Sintassi JavaScript addEventListener ()</strong></p>oggetto.addEventListener ("MouseOver", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseover="mouseOver()"><h1>Porta il mouse qui</h1></button><br><script><br>function mouseOver() <br>document.getElementById("tutorial").style.color = "red";<br><br></script><br></body><br></html><p>Nell'esempio sopra, si sposta il cursore del mouse sul pulsante, l'evento OnMouseOver si attiverà e il colore del testo sul pulsante cambierà in rosso.</p><p><strong>Produzione</strong></p><p>Prima</p><p>Dopo</p><p>evento onmouseup</p><p>Quando viene rilasciato un pulsante del mouse mantenendo il puntatore su un elemento, si verifica l'evento onmouseup. Fa bolle e può essere annullato. Questo evento supporta tutti i tag HTML diversi da , , <br>, , , <iframe>, , , , , ed è incluso nella versione 2.</p><p><strong>Sintassi</strong></p><p>La sintassi dell'evento OnMouseUp è fornita di seguito.</p><p><strong>Sintassi HTML</strong></p><element onmouseup="functionName()"><p><strong>Sintassi di JavaScript</strong></p>oggetto.onmouseup = function () script;<br><strong>Sintassi JavaScript addEventListener ()</strong><br>oggetto.addEventListener ("Mouseup", script);<p><strong>Esempio</strong></p><!DOCTYPE html><br><html><br><body><br><button onmouseup="mouseUp()"><strong>Clicca qui</strong></button><br><script><br>function mouseUp() <br>document.getElementById("jsEvents").style.color = "green";<br><br></script><br></body><br></html><p>Nell'esempio sopra, apparirà un pulsante. Quando si fa clic con il pulsante destro del mouse e il rilascio mantenendo il puntatore del mouse sul pulsante, l'evento OnMouse Up si attiverà e il colore del testo sul pulsante cambierà in verde.</p><p><strong>Produzione</strong></p><p>Prima di fare clic con il pulsante destro del mouse sul pulsante.</p><p>Dopo aver rilasciato il pulsante mentre mantieni il puntatore del mouse su di esso.</p><p>Conclusione</p><p>Gli eventi che si verificano a causa dei movimenti del mouse sono indicati eventi javascript mouse. Gli eventi che sono classificati nella categoria degli eventi JavaScript Mouse sono eventi OnClick, evento OnContextMenu, evento OndblClick, evento OnMouseOwn, evento OnMouseEnter, evento OnMouseLeave, evento OnMouseMove, evento OnMouseout, evento OnMouseOver e evento OnMouseUp. Tutti questi eventi sono discussi in dettaglio insieme all'esempio appropriato. </p> <p>Circa l'autore</p> <h4>Naima aftab</h4> <p>Sono un professionista dell'ingegneria del software con un profondo interesse per iscritto. Sto perseguendo la scrittura tecnica come la mia carriera a tempo pieno e condividendo le mie conoscenze attraverso le mie parole.</p> Visualizza tutti i post <aside> <h4>Post di suggerimenti Linux correlati</h4><ul> <li>Come funziona Event OnClick in JavaScript</li><li>Come utilizzare il metodo getElementsByTagName () in JavaScript</li><li>Come utilizzare la proprietà screenx mouseevent in javascript</li><li>Cosa fa il metodo aTOB () in JavaScript</li><li>Cosa fa W Metacharacter in Regexp di JavaScript</li><li>Come eseguire TypeScript nel codice VS</li><li>Come TypeScript è diverso da JavaScript?</li></ul> </aside> <p><strong>Linux suggerimenti LLC, editor@linuxhint.com<br>1309 S Mary Ave Suite 210, Sunnyvale, CA 94087<br></strong> Norme sulla privacy e condizioni d'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://it.cyberaxe.org/article/javascript-static-class-methods">« Metodi di classe statica JavaScript</a></li> <li class="prev-next__item prev-next__item--right"><a href="http://it.cyberaxe.org/article/string-iteration-methods-in-javascript">Metodi di iterazione delle stringhe in 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://it.cyberaxe.org/category/powershell">Powershell</a> </div> <div class="white-news__name"> <a href="http://it.cyberaxe.org/article/how-to-use-the-get-command-command-in-powershell">Come utilizzare il comando get-comand in PowerShell</a> </div> <div class="white-news__text"> Il cmdlet get-comand ottiene un elenco di comandi disponibili sul computer. Inoltre, può importare m... </div> <div class="white-news__author"> <a href="http://it.cyberaxe.org/author/felicia-giuliani">Felicia Giuliani</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://it.cyberaxe.org/category/salesforce">Salesforce</a> </div> <div class="white-news__name"> <a href="http://it.cyberaxe.org/article/salesforce-apex---string-class">Salesforce Apex - String Class</a> </div> <div class="white-news__text"> Tutorial pratico sulla classe di stringhe Apex Salesforce e come applicare i suoi metodi su stringhe... </div> <div class="white-news__author"> <a href="http://it.cyberaxe.org/author/sarita-negri">Sarita Negri</a> </div> </div> <div class="white-news white-news--article"> <div class="white-news__cat"> <a href="http://it.cyberaxe.org/category/c">C ++</a> </div> <div class="white-news__name"> <a href="http://it.cyberaxe.org/article/how-to-compile-and-run-a-c-program-in-a-linux-terminal">Come compilare ed eseguire un programma C ++ in un terminale Linux</a> </div> <div class="white-news__text"> Per compilare ed eseguire un programma C ++ in un terminale Linux, utilizzare il compilatore G ++. P... </div> <div class="white-news__author"> <a href="http://it.cyberaxe.org/author/osea-martini">Osea Martini</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://it.cyberaxe.org/category/python">Pitone</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/pandas-to-latex">Panda al lattice</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/nick-marini">Nick Marini</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/php">PHP</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/how-to-use-regular-expressions-in-php">Come usare espressioni regolari in PHP</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/dante-palumbo">Dante Palumbo</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/php">PHP</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/what-is-an-undefined-index-error-in-php-and-how-to-fix-it">Cos'è un errore di indice indefinito in PHP e come risolverlo?</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/osea-martini">Osea Martini</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/javascript">JavaScript</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/how-to-run-typescript-in-vs-code">Come eseguire TypeScript nel codice VS</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/domiziano-conte">Domiziano Conte</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/powershell">Powershell</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/what-is-rename-item-command-in-powershell">Cos'è il comando rinominata in PowerShell?</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/dr-folco-leone">Dr. Folco Leone</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/docker">Docker</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/how-to-stop-all-docker-services">Come fermare tutti i servizi Docker?</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/osea-martini">Osea Martini</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/fedora">Fedora</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/how-to-enable-the-rpm-fusion-repository-on-fedora">Come abilitare il repository di fusion RPM su Fedora</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/domiziano-conte">Domiziano Conte</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/python">Pitone</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/what-is-b-string-in-python">Cosa è B String in Python?</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/domiziano-conte">Domiziano Conte</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/golang">Golang</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/what-are-packages-in-golang">Cosa sono i pacchetti in Golang?</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/artemide-ricci">Artemide Ricci</a> </div> </div> </div> </div> <div> <div> <div class="header-news"> <div class="header-news__cat"> <a href="http://it.cyberaxe.org/category/php">PHP</a> </div> <div class="header-news__name"> <a href="http://it.cyberaxe.org/article/how-to-use-substrreplace-function-in-php">Come utilizzare la funzione substr_replace in PHP</a> </div> <div class="header-news__author"> <a href="http://it.cyberaxe.org/author/dr-evita-damico">Dr. Evita Damico</a> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="footer"> <div class="footer__about">Un sito sul sistema operativo Linux. Qui troverai molti articoli interessanti e guide utili</div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://it.cyberaxe.org/category/python">Pitone</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/postgresql">Postgresql</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/oracle-linux">Oracle Linux</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/c">C ++</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/windows-os">OS Windows</a></li> </li> </ul> </div> <div class="footer__cats"> <ul class="sub-menu"> <li class="menu-item"><a href="http://it.cyberaxe.org/category/docker">Docker</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/c-sharp">c affilato</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/r">R</a></li> <li class="menu-item"><a href="http://it.cyberaxe.org/category/oracle-database">Oracle Database</a></li> </li> <li class="menu-item"><a href="http://it.cyberaxe.org/all-categories"><b>Tutte le categorie</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>