1. 程式人生 > >獲取滑鼠實時位置座標

獲取滑鼠實時位置座標

<span style="font-size:18px;"><script type="text/javascript">
//獲取滑鼠實時座標
function mousePosition(ev){ 
    ev = ev || window.event; 
    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 
    }; 
}
</script></span>

使用1,當某元件被hover時獲取滑鼠位置:

$("#createtable").mouseover(function(e){
    var mousePos = mousePosition(e);
    alert("mousePos.x");alert("mousePos.y");
}

使用2:一致獲取滑鼠位置:

js:

function mouseMove(ev){    
    var mousePos = mousePosition(ev);  
    document.getElementById("xxx").value = mousePos.x;  
    document.getElementById("yyy").value = mousePos.y;<span style="font-family: Arial, Helvetica, sans-serif;">  </span>
}  
  
document.onmousemove = mouseMove;  //滑鼠移動觸發
document.onclick = mouseMove; //滑鼠點選觸發
html:
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />