JavaScript基础 鼠标事件案例
2017-09-26 15:28
507 查看
点击改变背景颜色
代码块
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function changeColor(str){
var body = document.getElementById("b");
body.style.backgroundColor = str;
}
</script>
</head>
<body id="b" >
<button onclick="changeColor('blue')">蓝色</button>
<button onclick="changeColor('red')">红色</button>
<button onclick="changeColor('green')">绿色</button>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript基础 鼠标事件案例
- JavaScript基础 鼠标放上触发事件onmouseover 鼠标移开触发事件onmouseout
- JavaScript基础 鼠标放上触发事件onmouseover 鼠标移开触发事件onmouseout
- javascript基础——鼠标事件，系统对话框等
- javascript基础（鼠标事件拖拽，setCapture()方法）（三十六）
- JavaScript事件基础（事件对象，键盘，鼠标，冒泡）
- javascript基础四 （事件应用鼠标滚轮）
- javascript实现在某个元素上阻止鼠标右键事件的方法和实例
- JavaScript事件基础知识总结【思维导图】
- JavaScript事件基础知识总结【思维导图】
- 原生javascript防jquery的trigger触发鼠标事件
- javascript基础-提交事件
- javascript屏蔽鼠标、键盘事件
- javascript基础三 （EVENT事件详解）
- 管理javascript的事件基础知识的总结
- javascript判断触发事件event的鼠标按钮
- javascript鼠标双击时触发事件大全
- javascript实现禁止鼠标滚轮事件
- Javascript:鼠标事件(转贴)
- JAVA基础再回首（二十七）——JAVA中的图形化界面、GUI概述、简单的窗体创建、事件监听机制、动作事件、GUI布局、鼠标事件