前端屌丝

导航

2013年10月29日 #

设置文本输入框光标位置,兼容ie,w3c

摘要: 原效果预览点击“话题”这个文字按钮后,在输入框文本域里面就会添加一段文字“#请在这里输入自定义话题#”,其中“请在这里输入自定义话题”处于被选中的状态,这样用户无需再选中文字,直接敲键盘就可以替换这部分内容,这是非常好的一个提高用户体验的细节。二、效果的实现文字的选中功能是不太常用的功能,多出现在文本编辑器中,或是文本域之类的光标处理上。所以呢,使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。假设文本域对象的名称是obj,则在IE及非IE浏览器下实现指定文字选中的代码如下: 阅读全文

posted @ 2013-10-29 11:05 前端屌丝 阅读(1419) 评论(0) 推荐(0) 编辑