让div层随鼠标移动的实现代码 ie ff_javascript技巧

js教程评论458 views阅读模式

.center_div2

{

position: absolute;

z-index: 1;

text-align: center;

display: none;

background-color: #e0e7ef;

}

.center_div_tips2

{

position: relative;

color: Red;

}


让div层随鼠标移动的实现代码 ie ff_javascript技巧数据更新中...

复制代码 代码如下:

function IsIE() {

var OsObject = "";

if (navigator.userAgent.indexOf("MSIE") > 0) {

return true;

}

}

function mouseMove(ev) {

/*ie 与ff的event 机制不同*/

ev = ev || window.event;

var mousePos = mouseCoords(ev);

var detailDiv = document.getElementById("detailDiv"); //将要弹出的层

detailDiv.style.left = (mousePos.x + 10) + "px";

detailDiv.style.top = (mousePos.y + 18) + "px";

}

function mouseCoords(ev) {

if (ev.pageX || ev.pageY) {

return {

x: ev.pageX,

y: ev.pageY

};

}

/*ie 与 ff的边界 处理不同*/

if (IsIE()) {

return { x: ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft, y: ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop }

}

else {

return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - document.body.clientTop }

}

}

document.onkeydown = keydown;

企鹅博客
  • 本文由 发表于 2019年9月5日 09:50:09
  • 转载请务必保留本文链接:https://www.qieseo.com/381011.html

发表评论