vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL163 Mouse Event Typen</title> <style></style> </head> <body> <h2 onClick="textAn()">Großer Flohmarkt</h2> <h2 id="h2u">Kleiner Megastore</h2> <script> document.getElementById("h2u").addEventListener("click", textAn); function textAn() { alert("Auch Sie sind herzlich eingeladen!"); } </script> <hr> <div id="inhalt" style="height:200px; width:200px; background:blue; margin:auto;"></div> <script> var mausEle = document.getElementById("inhalt"); mausEle.addEventListener("mouseenter", rein); mausEle.addEventListener("mouseleave", raus); function rein() {mausEle.style.backgroundColor = "green";} function raus() {mausEle.style.backgroundColor = "red";} </script> </body> </html>
