老杂毛博客
  青青子衿,悠悠我心。但为君故,沉吟至今。
博客首页 | 人生历程 | 编程开发 | 机关门  
  文章分类
 
博客首页 > 软件网络编程 > 文章正文

网页文本框中光标闪动过快的解决办法

2010/11/30 22:31:09
 

        前几天有人在tv150店主论坛里反映光标闪动过快,都有点看不太清光标的位置,问我能不能调慢一点。这个问题我也早就发现了,一直以为是自己开发的编辑器有可能是js代码的问题,有可能自己开发的玩意就是不如别人开发的好吧,感觉这个查起来应该是很麻烦的事情,所以就放下没管。

        昨天无意打开tv150的用户中心发布产品页面,竟然发现这里的光标并没有论坛里的闪动那般快,于是断定自己开发的编辑器没有问题,即便是js问题也应该是和页面里其它的js冲突了,于是晚上有时间想办法排查一下这个问题。

        最简单的办法莫过于把代码一段一段删除掉,然后只放一个编辑器,再一点点往上加,这样逐渐就可以排查到问题的所在了,经过几分钟的排查,竟然发现问题出现在编辑器的qq表情上。我将表情全部删除掉之后,光标就会正常闪动,若将表情放到编辑器的边上,光标则闪个不停。

         等我仔细的观察了一下竟然发现光标的闪动速度和某个闪动频繁的表情一个频率,于是想到是不是浏览器的问题,把这个问题拿到百度和谷歌上搜索了一个遍,竟然没有人遇到和我一样的问题,于是我又去其它的几个论坛里看了看,逐渐的才把情况分析明白。

为什么输入框里的光标会闪动过快?

         我们都知道一个连续动作的图片组合起来就可以变成动画,电影就是由若干个连续图片组成,那么想要播放这一帧一帧的图片就需要有一个刷新动作,只不过这个刷新动作过快我们很难看清楚,比如我们桌面的刷新速度一般是七十/秒以上,如果不能达到这个刷新频率那么就会出现拖轨现象,所以我感觉这个应该和浏览器能显示gif图片的原理是一样的,而光标属于浏览器的一个元素,所以浏览器在显示gif动画的每一帧的时候会根据gif动画的频率来刷新显示,这时候就导致光标会受到这个刷新的影响,从而变快。

         假如我们把gif或flash以及一此js特效的闪动过快的东西从页面上去掉的话,会发现光标就又会回到正常的闪动状态。

         有了这个想法之后我就想用iframe把表情展示出现,结果发现无论怎么展示,只要是显示则就会影响到光标,这时候我在百度有啊里看到有啊社区的编辑器左侧表情竟然是静态的,我想会不会也是因为这个闪动的问题才给做成静态的呢,真没有想到百度竟然也无法解决这个问题。

         后来没办法,我也只能把第一屏的表情做成了静态的,滑动门后面的几屏还是动态的,所以当鼠标放到第二栏以后光标就会立刻变快,而放到第一栏上的时候就会变慢。

网页输入框光标闪动过快的解决办法

         如果你遇到了和我一样的问题,那请查看一下页面上是否有gif闪图(一般指闪动过快的那种),或flash,js特效闪动等元素,如果有的话,问题就在于此,把闪动的东西去掉或改变一种方式即可。

         如果你想二者兼得的话,目前好像没有什么好办法,至少我认为百度也没有做到这一点,不知道其它公司有没有牛人能解决这个问题,如果你有什么好办法的话,别忘了也告诉我一声,让我也学习一下。(老杂毛/文)

阅读: (3123)  评论(15)  
 
网友评论:
 
 1.219.143.130.1962010/12/2 11:41:00 
原来是这么回事啊,楼主博学多才。
佩服,佩服啊
 2.113.109.164.602010/12/3 15:02:24 
好,不错呢!谢谢了
 3.玉落箫音2010/12/3 19:59:45 
佩服LZ!!~~~
 4.amanda2010/12/15 14:46:32 
我也遇到这个问题,害苦了好久,搜寻了好久不知道从何入手,看了博主的文章,果然受益匪浅
 5.2016/6/30 20:36:42 
 6.2016/7/11 19:41:33 
 7.2016/11/8 20:46:36 
 8.2016/11/30 7:38:23 
 9.2018/1/29 0:45:40 
 10.2018/2/14 4:21:24 
 11.2018/2/14 4:21:33 
 12.2018/3/3 11:59:22 
 13.2018/3/3 11:59:29 
 14.2018/3/20 8:02:27 
 15.2018/4/3 7:49:54 
 
相关文章:
 微信支付asp.net V3.3.7 sys
 ERRORLOG 文件太大的处理办法
 Attempted to read or w
 Ctrl键自动按下,Ctrl键和Alt总感觉
 解决 Your project contai
 adb install 多设备id号一样,如
 如何去掉优酷,土豆等网站的广告?
 webview的loadData方法加载乱码
 让iis7支持apk文件下载
 sql利用游标循环,遍历表循环结果集
 
 
     
联系作者: QQ: 657603425 Email: [email protected]
Copyright © 2007-2014 www.laozamao.com All Rights Reserved
京ICP备09002242号 北京海淀分局备案号:1101084842