Как реализовать функциональность как на этом сайте (ссылка)?

Question

[leopardo11]

http://tili.kg/dict/#ң

Здесь, при нажатии на символы ң ө ү, они появляется в инпут поле.

Мой не завершенный код

<div class="js-active-inactive-letters" style="display:none;">
			Используйте кыргызские буквы <a href="#" data-letter="ө" class='letter' role="button">ө</a> <a href="#" class='letter' data-letter="ү" role="button">ү</a> <a href="#"  class='letter' data-letter="ң" role="button">ң</a>
		</div>
		<br>
		<div class="controls">
			<input type="text" placeholder="Введите нужное слово" name="word" id="word-input" value="{if isset($smarty.post.name)}{$smarty.post.name}{/if}">
		</div>

$('.letter').on('click', function(e)
{
	e.preventDefault();
	var thisValue = $(this).data('letter');
	console.log(thisValue);
});

Answer 1

[Виталий Яковенко]

И в чём же проблема?
Можно не заморачиваться с позицией курсора

$('#word-input').val($('#word-input').val()+thisValue);

Можно заморочиться, тогда нужно получить текущий Selection от поля и плясать при вставке уже от него.

Comments

[leopardo11]

Спасибо. Проблема была в том, что я пока что плохо владею jQuery