Skip to content

Instantly share code, notes, and snippets.

@Zeko369

Zeko369/detectFocus.html

Created April 25, 2020 17:35
Show Gist options
  • Save Zeko369/356d16ae778684bbd7aef1c809bab07a to your computer and use it in GitHub Desktop.
Save Zeko369/356d16ae778684bbd7aef1c809bab07a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
detectFocus.html
<html>
<head>
<style>
.red {
background-color: red;
}
</style>
</head>
<body>
<script>
console.log("hello");
document.querySelector("body").addEventListener("mouseleave", () => {
document.querySelector("body").classList.add("red");
console.log("LEAVE");
});
document.querySelector("body").addEventListener("mouseenter", () => {
document.querySelector("body").classList.remove("red");
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment