javaScript鼠标事件

最新推荐文章于 2021-02-12 23:18:32 发布

gsfgsfggsg

最新推荐文章于 2021-02-12 23:18:32 发布

阅读量88

点赞数

分类专栏： javaScript学习与实践文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/leifengchuan/article/details/84822689

版权

javaScript学习与实践专栏收录该内容

1 篇文章 0 订阅

订阅专栏

[b]
onclick鼠标点击事件[/b]
当鼠标点击的时候，会改变内容以及样式。


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>(runoob.com)</title> 
<script>
function myFunction(){
	var b=document.getElementById("demo");
	b.innerHTML="我的第一个 JavaScript 函数";
	b.style.color="red";
}
</script>
</head>
<body>

<h1>我的 Web 页面</h1>
<p id="demo">一个段落，又是另外的一个段落，我要变了！。</p>
<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

[b]onmouseover鼠标浮动事件[/b]
当鼠标的光标在按钮或者图片的上面的时候，会调用函数，改变内容以及样式。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>(runoob.com)</title> 
<script>
function myFunction(){
	var b=document.getElementById("demo");
	b.innerHTML="我的第一个 JavaScript 函数";
	b.style.color="red";
}
</script>
</head>
<body>

<h1>我的 Web 页面</h1>
<p id="demo">一个段落，又是另外的一个段落，我要变了！。</p>
<button type="button" onmouseover="myFunction()">点击这里</button>

</body>
</html>