Tenho o seguinte código:
$('#mais').click(function(){
$('#console').val($('#console').val() +"+");
});
$('#menos').click(function(){
$('#console').val($('#console').val() +"-");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input id="console" type="text">
<button id="mais">+</button>
<button id="menos">-</button>
Nesse código consigo inserir os caracteres no final do input sempre que clico nos botões correspondentes, mas como faço para inserir na última posição do cursor de texto dentro do input?
Exemplo:
- Digitei o texto:
- Coloquei o cursor de texto no meio do texto:
- Cliquei no botão -, gostaria que o resultado fosse esse:
maismais
mais|mais
mais-mais