# 光標控制 更多個性化定制請參考組件依賴庫 [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> ```