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

有什么办法可以让DIV遮住控件中的光标吗?_html/css_WEB-ITnose

程序员文章站 2022-06-01 09:05:07
...
我用JS生成一个弹出层
,这个弹出层下面有一个文本框,当文本框获取到焦点时,里面的光标一闪一闪的,这时,弹出层也无法遮住闪烁的光标,也就是页面上看到弹出层里有一个地方,有条竖线一闪一闪的,请问该怎么解决呀


回复讨论(解决方案)

层弹出的时候,让光标离开吧! 好像没有其他好办法了

focus out

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

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

我试了很多方法,都不行,最后 把 文本框 设置成 readyonly,并且把 UNSELECTABLE 属性 设置为 ‘on’,就可以去掉光标了,亲测ie7、ie8通过。

在页面初始化的时候,添加光标定位函数:$('#XX').focus();XX是弹出DIV的id

有什么办法可以让DIV遮住控件中的光标吗?_html/css_WEB-ITnose

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

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 有什么办法可以让DIV遮住控件中的光标吗?_html/css_WEB-ITnose
  • 专题推荐