<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="div1"></div>
<script type="text/javascript">
// 事件被触发的时候,会自动生成一个事件对象event,通过这个对象可以得到需要的属性
// document.onclick = function(){
// console.log("鼠标x坐标" + event.clientX + "鼠标y坐标" + event.clientY);
// }
var oDiv = document.getElementById("div1");
oDiv.onclick = function(){
var evObj = event || window.event; // window.event是微软老版本支持的事件对象
console.log("鼠标x坐标" + evObj.clientX + "鼠标y坐标" + evObj.clientY)
}
</script>
</body>
</html>