Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将鼠标悬停在页面右侧时,将工具提示范围重新向左对齐_Javascript_Html_Css - Fatal编程技术网

Javascript 将鼠标悬停在页面右侧时,将工具提示范围重新向左对齐

Javascript 将鼠标悬停在页面右侧时,将工具提示范围重新向左对齐,javascript,html,css,Javascript,Html,Css,当指针向右悬停时,我想将#工具提示span放在指针的左侧,然后将#工具提示span再次自动放在指针的右侧。。。这是我的简单代码 var tooltipSpan=document.getElementById('tooltip-span'); window.onmousemove=函数(e){ var x=e.clientX, y=e.clientY; tooltipSpan.style.top=(y+20)+“px”; tooltipSpan.style.left=(x+20)+“px”; }

当指针向右悬停时,我想将
#工具提示span
放在指针的左侧,然后将
#工具提示span
再次自动放在指针的右侧。。。这是我的简单代码

var tooltipSpan=document.getElementById('tooltip-span');
window.onmousemove=函数(e){
var x=e.clientX,
y=e.clientY;
tooltipSpan.style.top=(y+20)+“px”;
tooltipSpan.style.left=(x+20)+“px”;
};
。工具提示{
文字装饰:无;
位置:相对位置;
}
.工具提示范围{
显示:无;
}
.工具提示:悬停范围{
显示:块;
位置:固定;
溢出:隐藏;
z指数:9999;
}
var tooltipSpan=document.getElementById('tooltip-span');
window.onmousemove=函数(e){
var x=e.clientX,
y=e.clientY;
如果(x>(窗口内部宽度/2))
{
x-=420;
}
tooltipSpan.style.top=(y+20)+“px”;
tooltipSpan.style.left=(x+20)+“px”;
};
。工具提示{
文字装饰:无;
位置:相对位置;
}
.工具提示范围{
显示:无;
}
.工具提示:悬停范围{
显示:块;
位置:固定;
溢出:隐藏;
z指数:9999;
}