转行学开发，代码100天——2018-05-02
1.事件对象
JavaScript中事件对象通常用定义变量ev或event表示。为了兼顾浏览器兼容问题，定义事件对象为
var oEvent = ev||event;
2.鼠标事件
鼠标事件通常有获取鼠标点击位置clientX;clientY
鼠标移动事件：onmousemove;
鼠标点击事件：onmousedown;
鼠标抬起事件：onmouseup;
如设置一个鼠标跟随程序：
物体跟随鼠标移动。
<!DOCTYPE html>
<html>
<head>
<title>javascript 鼠标事件</title>
<style type="text/css">
#div1{width: 100px;height: 100px;background: red;position: absolute;}
</style>
<script type="text/javascript">
document.onmousemove = function(ev)
{
var oEvent = ev||event;
var oDiv = document.getElementById("div1");
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
oDiv.style.left = oEvent.clientX+"px";
oDiv.style.top = oEvent.clientY+scrollTop+"px";
}
</script>
</head>
<body style="height: 2000px;">
<div id="div1"></div>
</body>
</html>
3.事件冒泡