欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

遮盖鼠标光标_html/css_WEB-ITnose

程序员文章站 2023-12-23 10:10:52
...
遮盖鼠标光标 鼠标 Web 请问各位大神一个问题

我有一个web界面,有滚动条,顶部有一个悬浮层,下面是一个文本框,
每当我拖动滚动条的时候悬浮层不变,文本框会往上移动,从而被悬浮层遮住,
但是光标仍然在悬浮层中闪。
有什么方法可以解决,让文本框进入悬浮层,就取消光标的闪烁,或不让光标在悬浮层中出现。

拜谢。。。

回复讨论(解决方案)

弹出层的时候就加个 文本框失去焦点呗!document.getElementById("xx").blur();

1、首先给页面添加滚动条事件 $(window).scroll(function(){ 该干什么干什么 })
2、利用 document.selection.createRange().boundingTop 获取光标信息 Y坐标
document.activeElement获取光标对象事件 得到光标所在控件的坐标
$("#XXXX").offset().top 得到控件的Y坐标哦~
最后自己计算下 DIV高度和光标高度距离 在滚动条事件里动态算出什么时候控件到DIV背后 把光标给DIV
滚动条往下滚时 同上~ 再把光标付到原来控件内

相关标签: 遮盖鼠标光标

上一篇:

下一篇: