有什么办法可以让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
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论