php获取坐标值

<body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></body>
<script language="javascript">
function mouse(e){
var evo=e||event
alert("x="+evo.clientX+",y="+evo.clientY)
}
document.body.onclick=mouse
</script>
js可以这样弄，php貌视够呛

这个功能需要使用JS来实现，如果需要传送到服务器端的话，建议使用ajax发送数据：javascript鼠标获取页面坐标
<!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=utf-8" />
<title>用 javascript 获取当页面上鼠标（光标）位置 - event, window, 事件, position, 位置, mouse, 光标, 鼠标, </title>
</head>
<body>
<div style="z-index::0; left:0px; top:0px;">
<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//计算滚动时用下面的语句: x:ev.x + document.body.scrollLeft,
//                             y:ev.y + document.body.scrollTop
};
}document.onmousemove = mouseMove;function mouseMove(ev){
    ev = ev || window.event;
    var mousePos = mousePosition(ev);document.getElementById('mouseXPosition').value = mousePos.x;
document.getElementById('mouseYPosition').value = mousePos.y;
}
//------------------相应单击事件-------------------------
function mouseClickPosition1(click_ev){
if(click_ev.pageX || click_ev.pageY){
   return {x:click_ev.pageX, y:click_ev.pageY};
}
return {
   x:click_ev.clientX + document.body.scrollLeft - document.body.clientLeft,
   y:click_ev.clientY + document.body.scrollTop - document.body.clientTop
};
}//------------定性鼠标事件----------
document.onmousedown =mouseClick;
var i=0;
var px=0,py=0;
function mouseClick(click_ev){
//------------记录鼠标事件----------
    click_ev = click_ev || window.event;
    var mousePos = mousePosition(click_ev);
if(i==0)
{
    px=mousePos.x;
    py=mousePos.y;
    $('theposition').value = mousePos.x+","+mousePos.y;
}
else
{
    var width=mousePos.x-px;
    var height=mousePos.y-py;
    $('theposition').value += ","+width+","+height;
}
i=i+1;
i=i%2;
}
function $(i)
{
    return document.getElementById(i);
}
</script>
<div>
<img src="index副本.jpg" alt="页面图片" style=" top:0px;left:0px;" />
</div>
<div id="example_main" style="z-index:2; left:0px; top:]0px;">
<fieldset>
<legend></legend>
鼠标横坐标:
   <input id=mouseXPosition>  
鼠标纵坐标:
   <input id=mouseYPosition>
</fieldset>
左:上:宽:高::<input id="theposition" type="text"/>

</div>
</div>
</body>
</html>附录：function getAbsolutePosition(element)
    {
       var point = { x: element.offsetLeft, y: element.offsetTop };
        point.x += getPosLeft(element);
        point.y += getPosRight(element);
       return point;
    };
    function getPosLeft(obj)
    {
    var l = obj.offsetLeft;
    while(obj = obj.offsetParent)
    {
        l += obj.offsetLeft;
    }
    return l;
    }
    function getPosRight(obj)
    {
       var l=obj.offsetTop;
       while(obj=obj.offsetParent)
       {
         l+=obj .offsetTop;
       }
       return l;
    }

JS 获取页面元素坐标
javascript(获取或设置html元素的宽,高,坐标)
设置:
    document.getElementById('id').style.width=value
    document.getElementById('id').style.height=value
    document.getElementById('id').style.top=value
    document.getElementById('id').style.left=value 获取:
    value=document.getElementById('id').offsetLeft
    value=document.getElementById('id').offsetTop
    value=document.getElementById('id').offsetWidth
    value=document.getElementById('id').offsetHeight  找一个元素的坐标：
function findPosition( oElement )
{
  var x2 = 0;
  var y2 = 0;
  var width = oElement.offsetWidth;
  var height = oElement.offsetHeight;
  alert(width + "=" + height);
  if( typeof( oElement.offsetParent ) != 'undefined' )
  {
    for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent )
    {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
    x2 = posX + width;
    y2 = posY + height;
    return [ posX, posY ,x2, y2];

    } else{
      x2 = oElement.x + width;
      y2 = oElement.y + height;
      return [ oElement.x, oElement.y, x2, y2];
  }
}

<script language="javascript" type="text/javascript">
        function getElementPos(elementId) {
        debugger
            var ua = navigator.userAgent.toLowerCase();
            var isOpera = (ua.indexOf('opera') != -1);
            var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
            var el = document.getElementById(elementId);
            if (el.parentNode === null || el.style.display == 'none')
            { return false; }
            var parent = null;
            var pos = [];
            var box;
            if (el.getBoundingClientRect)    //IE
            {
                box = el.getBoundingClientRect();
                var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
                var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
                return { x: box.left + scrollLeft, y: box.top + scrollTop };
            }
            else if (document.getBoxObjectFor)    // gecko
            {
                box = document.getBoxObjectFor(el);
                var borderLeft = (el.style.borderLeftWidth) ? parseInt(el.style.borderLeftWidth) : 0;
                var borderTop = (el.style.borderTopWidth) ? parseInt(el.style.borderTopWidth) : 0;
                pos = [box.x - borderLeft, box.y - borderTop];
            }
            else                                      // safari & opera
            {
                pos = [el.offsetLeft, el.offsetTop];
                parent = el.offsetParent;
                if (parent != el) {
                    while (parent) {
                        pos[0] += parent.offsetLeft;
                        pos[1] += parent.offsetTop;
                        parent = parent.offsetParent;
                    }
                }
                if (ua.indexOf('opera') != -1 || (ua.indexOf('safari') != -1 && el.style.position == 'absolute')) {
                    pos[0] -= document.body.offsetLeft;
                    pos[1] -= document.body.offsetTop;
                }
            }
            if (el.parentNode) {
                parent = el.parentNode;
            } else {
                parent = null;
            }
            while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors
                pos[0] -= parent.scrollLeft;
                pos[1] -= parent.scrollTop;
                if (parent.parentNode) {
                    parent = parent.parentNode;
                } else {
                    parent = null;
                }
            }
            return { x: pos[0], y: pos[1] };
        }
        //定位函数
        function Scroll_This() {
            var pos = getElementPos("scroll_div"); //要定位的对象这里是个Div
            //alert("距左边距离" + pos.x + ",距上边距离" + pos.y);
            window.scroll(pos.x, pos.y);
         }
    </script>
js获取对象的绝对坐标
function   getAbsPoint(e)
{
    var   x   =   e.offsetLeft,   y   =   e.offsetTop;
    while(e=e.offsetParent)
    {
       x   +=   e.offsetLeft;
       y   +=   e.offsetTop;
    }
    alert("x:"+x+","+"y:"+y);
}方法2：function   getAbsPoint(obj)
{
   var   x,y;
   oRect   =   obj.getBoundingClientRect();
x=oRect.left
y=oRect.top
alert("("+x+","+y+")")
}JS中获得窗口属性的方法 1。获得屏幕的分辨率：
screen.width
screen.height 2。获得窗口大小：
document.body.clientWidth
document.body.clientHeight 3。获得窗口大小（包含Border、Scroll等元素）
document.body.offsetWidth
document.body.offsetHeight

调试易

php获取坐标值

解决方案 »