Home >Web Front-end >HTML Tutorial >有什么办法可以让DIV遮住控件中的光标吗?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:31:321016browse

我用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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn