遮盖鼠标光标_html/css_WEB-ITnose

遮盖鼠标光标 鼠标 Web

请问各位大神一个问题

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

拜谢。。。

回复讨论(解决方案)

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

<script> <br /> window.onload=function(){ <br /> //当页面滚动时，让文本框失去焦点 <br /> window.onscroll=function(){ <br /> document.getElementById('你文本框的id').blur(); <br /> } <br /> } <br /> </script>

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