How to move the cursor to the end of input?

Question

JavaScript

Friends, can you tell me how to move the cursor to the end of the line after something has been added to the input? I didn’t find anything on Google (I insert emoticons, but not through Unicode, but stupidly img-hami, in this way,

//Смайлы
    $('body').on('click', '.smile',  function () {
        var img = $(this).attr('src');
        $('.redactor-editor').append('<img class="smile_in_text" src="' + img + '" >');
    });

then it is necessary that the user prints further, after smiles

Methods of type setSelectionRange(el.value.length,el.value.length);
They do not help, either the cursor after the text (the smiley does not jump) or does not work at all. I
am not strong in JS, I don’t know the pitfalls, can you help?

Answer 1

setSelectionRange selects some area, and then you need to make it collapse ().

Answer 2

For standard input:

var input = document.querySelector("input");
input.focus();
input.selectionStart = input.value.length;