Как сделать так, чтобы при нажатии на текстовое поле курсор ставился в конце?

Вот пример - если при фокусе каретка левее нужной позиции, то она ставится в нужную позицию:

let input = document.querySelector('input');
let caretPos = 4;
input.addEventListener('focus',()=>{
  setTimeout(()=>{
    if( input.selectionStart < caretPos ){
      input.setSelectionRange( caretPos, caretPos );
    }
  },0);
});

<input type="text" value="+7 (___) ___ - ___ - ___ - ___">

Насколько мне известно, за любое событие на объекте отвечает его фильтр событий. Смотря на чём пилите. Если юзаете .Net MVC или Qt там эта фича точно должна быть. Если же просто html то наверное в JS function()... и добавляете её в фильтр обработки событий объекта в теге элемента: <input type="text" onclick="function();" ... Всех благ.