Код работает из консоли, но не работает по onclick, чтяднт?

Question

[BanterFace]

Функция:

function setSthToTextarea(valueToSet) {
	replaceSelectedText($('textarea[tabindex="3"]').insertAtCaret('[ref]' + valueToSet + '[/ref],')); 
	$('textarea[tabindex="3"]').focus(); 
	document.querySelector('textarea[tabindex="3"]').setSelectionRange(document.querySelector('textarea[tabindex="3"]').value.length, document.querySelector('textarea[tabindex="3"]').value.length);
}

Демо.
Логин: testing
Пароль: testing

Попробуйте нажать на ник постера, и выполнится лишь часть функции: да, необходимый текст вставится в textarea, но каретки в конце стоять не будет.
А теперь попробуйте в консоли
setSthToTextarea('блаблабла')
и курсор появится в конце! Что с этим делать и почему так происходит?

Comments

[Павел Корнилов]

и курсор появится в конце!

Не появляется. Запускал из Мозиллы.

Answer 1

[ⓒⓢⓢ]

Это из-за якоря в ссылке.
У вас получается такая логика:
1. Выполняется скрипт
2. Выполняется переход по якорю => теряем фокус с поля

Пробуйте возвращать false из обработчика onclick по нику

<a href="#message_form" onclick="setSthToTextarea('Fox'); return false;">Fox</a>

Answer 2

[Павел Корнилов]

Попробуй в конце функции добавить
document.getElementById('message').focus();