单击DIV

Question

我有一个textarea，在单击特定DIV时会附加文本片段（存储在每个data-code属性上）：

$(document).on('click', '.extrasPanel .contentVars div', function(e){
        varCode = $('.active').attr('data-code');
        varText=$(document).find('textarea').val();
        $(document).find('textarea').val(varText+varCode);
        checkCounter(e);
});

单击.contenVars div后，其data-code值将添加到textarea上键入的内容中，并且要继续键入，用户必须再次单击textarea。

我希望用户在导入需要单击它的文本widthout之后继续输入，以便光标保留在最后一个位置，在最后一个导入的字符之后（就像你粘贴它一样）。

我尝试在函数末尾添加e.preventDefault;，但没有可能的结果。

Answer 1

如果您使用的是jQuery，可以尝试.focus()

jQuery('textarea').focus();

Answer 2

这个链接可以帮助你..

jquery-caret.js

这是一个非常简单的轻量级插件，允许您在一个或元素中移动插入符（或光标）位置

$('textarea').caretToEnd();