首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

兼容IE、火狐狸、chrome浏览器的onfocus时将光标定位在最后

2012-11-23 
兼容IE、火狐、chrome浏览器的onfocus时将光标定位在最后script typetext/javascriptfunction getObj(i

兼容IE、火狐、chrome浏览器的onfocus时将光标定位在最后

<script type="text/javascript">

function getObj(id) {

??? return document.getElementById(id);

}

function toEnd (){
??? var obj = event.srcElement ? event.srcElement : event.target;
??? if (obj.createTextRange) {//IE浏览器
?????? var range = obj.createTextRange();
?????? range.moveStart("character", getObj('board').value.length);
?????? range.collapse(true);
?????? range.select();
??? } else {//非IE浏览器
?????? obj.setSelectionRange(getObj('board').value.length, getObj('board').value.length);
?????? obj.focus();
??? }
?? ?}

</script>

<input type="text" onfocus="toEnd()" value="xiaoxiao" id="board">

?

?

此函数同时可以转换为默认选中一行字

IE下需要添加:

range.moveStart(开始位置);

range.moveEnd(结束位置);

非IE:修改如下

obj.setSelectionRange(开始位置,结束位置);

热点排行