jquery 获取鼠标位置

<script type="text/javascript">
$(function(){
$('.box').click(function(e){
// 获取事件对象
var e = e||window.event;
// 获得当前点击位置距离浏览器顶部的距离
var  top = e.pageY;
// 获得当前点击位置距离浏览器左侧的距离
var left = e.pageX;
console.log(top+'|'+left)
})

})

</script>

//////////////html//////////

<div class="box">

</div>

///////////css///////////

<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
.box{
width: 400px;
height: 400px;
background: black;
margin-top: 100px;
margin-left: 300px;
}
</style>