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

本文介绍了一个简单的JavaScript函数,用于在输入框中实现文本选择,并且特别针对IE浏览器进行了优化。通过该函数,用户可以在输入框内轻松地选中文字,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<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" οnfοcus="toEnd()" value="xiaoxiao" id="board">

 

 

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

IE下需要添加:

range.moveStart(开始位置);

range.moveEnd(结束位置);

非IE:修改如下

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值