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

,这个弹出层下面有一个文本框,当文本框获取到焦点时,里面的光标一闪一闪的,这时,弹出层也无法遮住闪烁的光标,也就是页面上看到弹出层里有一个地方,有条竖线一闪一闪的,请问该怎么解决呀

回复讨论(解决方案)

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

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

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值