JQ获取当前鼠标点击位置，自己宽高，浏览器宽高

最新推荐文章于 2022-12-10 12:07:11 发布

li3196672779

最新推荐文章于 2022-12-10 12:07:11 发布

阅读量1.5k

点赞数

分类专栏： JQuery

JQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

	<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>
	</head>
	<body>
		
		<div class="box">
			
		</div>
		
	</body>

获取浏览器宽高，

var widt = $(window).width();

var heigh = $(window).height();

获取自己宽高

var boxW = $('.box').width();
var boxH = $('.box').height();