最近在弄一个小功能 鼠标移动到当前位置 就在旁边提示我想提示的内容
所以直接拿过来 直接获取移动鼠标的坐标 然后直接在body中直接绘制一块提示的区域内容
function A(e) { var x,y; //获取鼠标坐标 x=e.pageX,y=e.pageY; //绘制提示内容 $(‘body‘).append("<div style=‘position: absolute; top: ‘ + y + ‘px; left: ‘ + x+ ‘px;‘>xxxxxx!</div>"); }
发现:
在IE6下获取不到pageX及pageY获取的值是NAN
所以我就通过查找:
function A(e) { var x, y; e= e|| window.event; if (e.pageX) { x = e.pageX; y = e.pageY; } else { x= e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; y= e.clientY + document.body.scrollTop + document.documentElement.scrollTop; } $(‘body‘).append("<div style=‘position:absolute;top:‘ + y+ ‘px;left:‘ + x+ ‘px‘>XXXXX!</div>"); }
OK :
IE、Firefox,google兼容