Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   События onfocus и onblur (https://javascript.ru/forum/misc/56425-sobytiya-onfocus-i-onblur.html)

Енот 15.06.2015 19:46

События onfocus и onblur
 
Всем привет, использую структуру:

<script type="text/javascript">
function outputUpdate(vol) {
document.querySelector('#lcredit').value = vol;
}
</script>


<input for="fader" id="lcredit" value="5000" autocomplete="off" />

<input type="range" name="sum_from" min="5000" max="3000000" value="5000" id="fader" step="1" onchange="outputUpdate(value)">

В общем все хорошо работает, НО... после того, как пользователь попользовался ползунком, в поле input появились числа которые он на клацал, и что бы сработал скрипт который привязан по id="lcredit", нужно обязательно поставить курсор в поле input.
Можно сделать как то, что бы после того как пользователь сделал onblur с ползунка, автоматически в рядом стоящее поле input срабатывал onfocus?) Помогите написать костыль)

tsigel 16.06.2015 08:08

<script>
$ = document.querySelector.bind(document);
</script>
<input class='i1' type='range' onchange='$(".i2").focus()'>
<input class='i2' type='text' onblur='$(".i1").focus()'>

ksa 16.06.2015 08:12

Цитата:

Сообщение от Енот
Можно сделать как то, что бы после того как пользователь сделал onblur с ползунка, автоматически в рядом стоящее поле input срабатывал onfocus?) Помогите написать костыль)

Никаких костылей не нужно... И на onblur свет клином не сошелся... ;)

<script type='text/javascript'>
function outputUpdate(vol) {
	document.getElementById('lcredit').value = vol;
};
function selectValue() {
	document.getElementById('lcredit').select();
};
</script>
<input for="fader" id="lcredit" value="5000" autocomplete="off" />
<input onmouseout='selectValue();' type="range" name="sum_from" min="5000" max="3000000" value="5000" id="fader" step="1" onchange="outputUpdate(value)">


Часовой пояс GMT +3, время: 11:04.