# 光标控制 更多个性化定制请参考组件依赖库 [https://github.com/accursoft/caret](https://github.com/accursoft/caret) [TOC] ## 实例操作 ``` <div class="form-group"> <textarea id="text" cols="30" rows="10" class="form-control">后盾人 人人做后盾</textarea> </div> <button id="bt1" class="btn btn-success btn-sm">插入到尾部</button> <button id="bt2" class="btn btn-success btn-sm">插入到第二个字</button> <button id="bt3" class="btn btn-success btn-sm">获取当前位置</button> <script> require(['hdjs','bootstrap'], function (hdjs) { $("#bt1").click(function () { //插入到文本框尾部 hdjs.caret('#text', -1) }); $("#bt2").click(function () { //插入到指定位置 hdjs.caret('#text', 2) }); $("#bt3").click(function () { //获取位置 hdjs.caret('#text', function (pos) { alert('当前位置'+pos); }) }); }) </script> ```