PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

遮盖鼠标光标_html/css_WEB-ITnose

原创
2016-06-21 09:44:05 833浏览

遮盖鼠标光标 鼠标 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
滚动条往下滚时 同上~ 再把光标付到原来控件内
 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。