首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS取得鼠标位置

2012-07-27 
JS获得鼠标位置http://www.jb51.net/article/16645.htm!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tra

JS获得鼠标位置
http://www.jb51.net/article/16645.htm

<!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" /> <title>JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版</title> </head> <body> <script> function mouseMove(ev) { ev= ev || window.event; var mousePos = mouseCoords(ev); //alert(ev.pageX); document.getElementById("xxx").value = mousePos.x; document.getElementById("yyy").value = mousePos.y; } function mouseCoords(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 }; } document.onmousemove = mouseMove; </script> 鼠标 X 轴: <input id=xxx type=text> 鼠标 Y 轴: <input id=yyy type=text> </body> 

热点排行