jQuery 虚拟键盘 - 设置左箭头和右箭头

Question

我花时间创建了一个 jQuery 虚拟键盘，当焦点设置为输入时它会显示它。我几乎完成了从键盘到工作的所有按钮，但我坚持为按键制作功能：Arrow Left 和 Arrow Right。

请懂 jQuery 的人帮助我了解如何为左箭头和右箭头执行这些功能。不知何故，我知道需要在输入字段中识别光标的位置，并且需要以某种方式将其移动 +1 或 -1。

关于我的虚拟键盘的示例详情请看here。

---

已解决：
我找到了正确的解决方案。 最终工作的SCRIPT is here。

Answer 1

这里是一个例子：

function setSelectionRange(input, selectionStart, selectionEnd) {
  if (input.setSelectionRange) {
    input.focus();
    input.setSelectionRange(selectionStart, selectionEnd);
  }
  else if (input.createTextRange) {
    var range = input.createTextRange();
    range.collapse(true);
    range.moveEnd('character', selectionEnd);
    range.moveStart('character', selectionStart);
    range.select();
  }
}

function setCaretToPos (input, pos) {
  setSelectionRange(input, pos, pos);
}

感谢：来自this post的CMS

编辑：

function getCaretPos(input) {
    // Internet Explorer Caret Position (TextArea)
    if (document.selection && document.selection.createRange) {
        var range = document.selection.createRange();
        var bookmark = range.getBookmark();
        var caret_pos = bookmark.charCodeAt(2) - 2;
    } else {
        // Firefox Caret Position (TextArea)
        if (input.setSelectionRange)
            var caret_pos = input.selectionStart;
    }

    return caret_pos;
}

来自this postPandincus 的致谢

jsFiddle