设置TextBox中光标的位置到最后(set the cursor position in a TextBox or InputText)

跨浏览器文本选中示例

weixin_33806509

于 2009-04-06 14:59:00 发布

阅读量128

点赞数

文章标签： xhtml

本文提供了一个简单的示例，展示了如何使用JavaScript在Internet Explorer和Firefox浏览器中实现文本框内的文本自动选中功能。通过判断浏览器类型并采用不同的方法，确保了在不同浏览器环境下的一致用户体验。

works in IE and FF

example：

<html xmlns="http://www.w3.org/1999/xhtml">

<script type="text/javascript">

function clik()
{
    var element=document.getElementById('element');
    if (document.all)
     {
        var range= element.createTextRange();
        range.collapse(false);
        range.select();
    }
    else {
        element.focus();
        var v= element.value;
        element.value= '';
        element.value= v;
   }
}

</script>

<body>
    <form id="form1" runat="server">
        <input id="element" type="text" />
        <input id="Button1" type="button" value="Focus" onclick="clik();" />
    </form>
</body>
</html>