Home >Web Front-end >HTML Tutorial >Execute a script when the mouse pointer moves over an HTML element?
Execute a script when the mouse pointer moves over an HTML element?
- PHPzforward
- 2023-08-30 09:29:171428browse
In HTML, the onmouseover attribute is triggered when the mouse pointer moves over an element.
Example
You can try running the following code to achieve onmouseover property−
<!DOCTYPE html>
<html>
<body>
<h3 id = "myid" onmouseover = "display()">
This is demo heading.
</h3>
<p>Keep the mouse cursor on the heading to change the color.</p>
<script>
function display() {
document.getElementById("myid").style.color = "red";
}
</script>
</body>
</html>The above is the detailed content of Execute a script when the mouse pointer moves over an HTML element?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：What happens if you misplace a semicolon in JavaScript?Next article：What happens if you misplace a semicolon in JavaScript?