Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS - JS] INPUT onblur, onfocus и тд. / 7 сообщений из 7, страница 1 из 1
30.04.2014, 23:54
    #38630724
Goror
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
Есть значит поле ввода, на нём висят обработчики событий onfocus, onblur и тд.



Код: html
1.
<INPUT id="my_input" onmouseover="this.style.borderColor='red';"  onmouseout="this.style.borderColor='blue';">


Код: javascript
1.
2.
inp.onfocus = function() { my_input.style = 'border: 1px solid red'; }
inp.onblur = function() { my_input.style = 'border: 1px solid blue'; }




Собственно, задача такая, сейчас у меня событие onmouseout происходит даже тогда, когда курсор моргает в инпуте, то есть при onfocus, а мне нужно чтоб во время ввода теста, то есть когда происходит событие onfocus на инпуте, отменять события наведения курсора маусом, то есть onmouseover, onmouseout и тд.



p.s Примерно так нужно, как тут у поля ввода Тема:.

Как правильней это организовать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.05.2014, 17:51
    #38630972
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
Gororа мне нужно чтоб во время ввода теста Возможно здесь (п.5) http://learn.javascript.ru/events-change
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2014, 13:55
    #38631367
Goror
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
Решил эту задачку, в основном через JS, но тут же возникла другая проблема (как обычно)

В G. Chrome не поддерживается свойство onfocus, но есть типа некие псевдо-классы, active, focus и иже с ними. Но они мне кажется работают криво, решил пойти, как всегда старым проверенным путём, повесил обработчик onclick на INPUT, но в Chrome и он отказывается работать..? Как можно обойти?

Код: javascript
1.
2.
3.
4.
inp.onclick = function() {
   alert(1);
   input_border.style = 'border: 1px solid red';
}



По ходу алерт срабатывает, а вот с дивом (input_border) изменений не происходит?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2014, 14:18
    #38631379
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
???
Код: javascript
1.
2.
3.
4.
inp.onclick = function() {
   alert(input_border);
   input_border.style.border = '1px solid red';
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2014, 14:23
    #38631381
Goror
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
user89???
Код: javascript
1.
2.
3.
4.
inp.onclick = function() {
   alert(input_border);
   input_border.style.border = '1px solid red';
}



Работает! Спасибо!


Это я вчера, видимо в полу сне, пытался болты молотком забивать!)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2014, 14:29
    #38631386
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
GororВ G. Chrome не поддерживается свойство onfocus, но есть типа некие псевдо-классы, active, focus и иже с ними. Но они мне кажется работают криво, решил пойти, как всегда старым проверенным путём, повесил обработчик onclick на INPUT, но в Chrome и он отказывается работать..?

Это шутка?!!! в хроме работает onfocus и уж точно поддерживается псевдо-класс active.
Я не понимаю, а неужели сложно проверить, перед тем как утверждать, что в хроме что-то не работает?
вот так например проверить
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2014, 15:08
    #38631403
Goror
Goror
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS - JS] INPUT onblur, onfocus и тд.
ПрограмёрGororВ G. Chrome не поддерживается свойство onfocus, но есть типа некие псевдо-классы, active, focus и иже с ними. Но они мне кажется работают криво, решил пойти, как всегда старым проверенным путём, повесил обработчик onclick на INPUT, но в Chrome и он отказывается работать..?

Это шутка?!!! в хроме работает onfocus и уж точно поддерживается псевдо-класс active.
Я не понимаю, а неужели сложно проверить, перед тем как утверждать, что в хроме что-то не работает?
вот так например проверить

Каюсь! Грешен! Поленился проверить :)



Сейчас всё заработало, спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS - JS] INPUT onblur, onfocus и тд. / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 371ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447130]:
 0ms
get settings:
 7ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 46ms
get tp. blocked users:
 2ms
others: 230ms
total:  371ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]