zoukankan      html  css  js  c++  java
  • 获取鼠标在屏幕上的位置

    获取鼠标位置的一段代码,粘贴为html文件,即可查看演示

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 
    	<meta name="auther" content="fq" /> 
    	<title>获取鼠标坐标</title> 
    	<script type="text/javascript"> 
    	function mousePosition(ev){ 
    		if(ev.pageX || ev.pageY){ 
    			return {x:ev.pageX, y:ev.pageY}; 
    		} 
    		return { 
    			x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
    			y:ev.clientY + document.body.scrollTop - document.body.clientTop 
    		}; 
    	} 
    
    	function mouseMove(ev){ 
    		ev = ev || window.event; 
    		var mousePos = mousePosition(ev); 
    		document.getElementById('xxx').value = mousePos.x; 
    		document.getElementById('yyy').value = mousePos.y; 
    	} 
    	/*onmousemove事件委托在document对象上,调用mouseMove函数*/
    	document.onmousemove = mouseMove; 
    	</script> 
    </head> 
    <body> 
    	X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" /> 
    </body> 
    </html> 
    

      

  • 相关阅读:
    面向对象基础
    JS操作属性和样式
    表单验证
    form标签
    Dreamweaver网页设计代码大全
    最差项目展示
    CSS样式表
    while循环 do while循环 switch
    for循环
    穷举法
  • 原文地址:https://www.cnblogs.com/snn0605/p/6435571.html
Copyright © 2011-2022 走看看