§ ITPOW >> 文档 >> JavaScript >> DOM & DHTML

选中部分文字

作者：chilleen 来源：ITPOW（原创）日期：2006-12-5

在 JavaScript 中，我们可以利用 select 全选一个文本框中的内容，但有时我们需要选中文本框中的部分内容，怎么办呢？看示例，示例中，选中第 2 到倒数第 2 个字符。程序很简单，利用的是 createTextRange，只有四句代码，示例中附有注释。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>选中部分文字</title>
</head>
<body>

<form id="mainForm" name="" method="get">
  <input type="text" size="20" name="userName" value="admin" />
</form>
<script type="text/javascript" language="javascript">
<!--
var mainForm = document.getElementById("mainForm");
var r = mainForm.userName.createTextRange();
r.moveStart("character", 1); //前端向右移 1
r.moveEnd("character", -1); //后端向左移 1
r.select();
-->
</script>

</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

更多阅读：改一句代码，实现移动光标到特定位置。

电邮：cftea@126.com