下载掌阅APP，畅读海量书库
立即打开
1.26 文本域中光标的定位
目前有很多学习代码的在线网站，可以实现代码编写所见即所得的效果，但如果你输入的代码有错，网站会给出提示并将光标定位在错误处，如第几个单词处有错，鼠标会显示在这个单词后面。本例就来实现光标定位的功能，其效果如图1.39所示。
本例主要代码如下：
本例的关键代码是第06~17行所定义的getCursorPos()函数，其中TextRange对象是DHTML语言的高级特性。使用该对象可以实现很多和文本有关的任务，例如搜索和选择文本。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。
图1.39 文本域中光标的定位
TextRange对象的属性说明见表1.5。
表1.5 TextRange对象属性说明
续表
TextRange对象的函数说明见表1.6。
表1.6 TextRange对象函数说明
提示： 如果用户想将光标位置移动到指定位置，可以使用该TextRange对象的move()函数来实现。另外，借助于TextRange对象还可以实现文本区域选择或关键字搜索等许多功能，设计人员可以以此类推，举一反三。