event事件对象和clientX,clientY

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>event事件和clientX,clientY</title>
	</head>
	<body>
		<script type="text/javascript">
			/*
			 
			 * event:事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息都会被临时保存到一个指定的地方-event对象,供我们在需要时调用
			 * 事件对象必须在一个事件调用的函数里面使用才有内容  事件函数:事件调用的函数
			 * 事件对象是通过事件函数的第一个参数传入
			 * clientX[Y]:当一个事件发生的时候,鼠标到页面可视区域的距离
			 * 兼容ie/chore  event是一个内置全局对象
			 * */
			document.onclick = function(ev){
				//alert(event);
				var ev = ev || event;
				
				var x = ev.clientX;
				var y = ev.clientY;
				console.log("x"+x+">>>"+"y"+y);
				
			}
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/memedadexixaofeifei/article/details/84928233
今日推荐