<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)
})
})
$(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>