遮盖鼠标光标_html/css_WEB-ITnose
程序员文章站
2022-05-13 23:13:17
...
遮盖鼠标光标 鼠标 Web 请问各位大神一个问题
我有一个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
滚动条往下滚时 同上~ 再把光标付到原来控件内
推荐阅读
-
HTML样式中移动鼠标到指定位置改变光标形状
-
怎么实现鼠标移动到导航栏文章变化效果_html/css_WEB-ITnose
-
纯CSS打造忙碌光标_html/css_WEB-ITnose
-
照实例做,图片仍然无法跟随鼠标移动!请教_html/css_WEB-ITnose
-
鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose
-
图片上面加浮动标签a,鼠标移动到a标签加图标_html/css_WEB-ITnose
-
基于CSS3制作的鼠标悬停动画菜单_html/css_WEB-ITnose
-
鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose
-
为什么导航栏的文本和鼠标滑上去颜色居中_html/css_WEB-ITnose
-
css3实现光标悬浮滚动菜单_html/css_WEB-ITnose