javascript - 单击 DIV 后将光标保持在文本区域上

Question

我有一个文本区域，其中单击特定 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 值将添加到在文本区域中键入的内容中，并且要继续键入，用户必须再次单击文本区域。

我希望用户在导入这段文本宽度后继续输入，需要单击回来，以便光标保持在最后一个位置，在最后一个导入的字符之后(就像您将其粘贴一样)。

我尝试在函数末尾添加 e.preventDefault;，但没有得到积极的结果。

Answer 1

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

jQuery('textarea').focus();