IE не понимает метод focus()?

zhibirc · Регистрация: 18.02.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, есть вот такой вопрос.
Есть поле формы:

HTML5
1
2
<form name="form1">
<input type="text" name="vis" value="0" size="79" onFocus="if(form1.vis.value=='0'){form1.vis.value='';}">

И есть кнопка, по нажатию на которую:
1. текстовый инпут должен получить фокус и соответственно отработает его onFocus;
2. в текстовый инпут запишется определенное значение.
Делаю так:

HTML5
1
<input type="button" name="one" value="1" onClick="form1.vis.focus();form1.vis.value+='1'">

В Opera и FF все нормально работает, в IE 8 происходит добавление вводимого символа к имеющемуся в текстовом инпуте (вначале там "0" и он по идее должен очищаться).

Почему так и как сделать так, чтобы в IE 8 это заработало?

@IvanK · 18.03.2013, 03:14

IE такой IE)есть такая проблема,он в общем то должен подождать чутка прежде чем отработать фокус.
вот попробуй такую конструкцию:

JavaScript
1
setTimeout(function() { form1.vis.focus(); }, 10);

если не отработает попробуй время с 10 на 1000 увеличить.
вот еще ссылка на этот фикс:http://www.mkyong.com/javascri... -solution/
надеюсь поможет.

zhibirc · 18.03.2013, 03:50 **[ТС]**

Сообщение от IvanK

надеюсь поможет.

А я как надеялся, но не помогло.

Дело в том, что, насколько я понял из текста статьи, обсуждается проблема срабатывания focus() до того, как элемент, которому надо придать фокус, догрузится. Соответственно добавляется задержка setTimeout.

Но у меня другая ситуация, у меня все отрендерилось, у меня калькулятор.

Пользователь жмет кнопку и... Даже если бы это решало проблему, задержка была бы, сами понимаете, не очень желательна. Но этот прием не решает мою проблему вовсе.

Однако все равно спасибо, я уже не ждал, что ночью кто-то ответит.

Добавлено через 11 минут
Понравилась находчивость последнего прокомментировавшего, который добавил еще один вызов:

JavaScript
1
2
element.focus();
element.focus();

и получил требуемый результат вот таким оригинальным путем.

У меня это тоже не проходит. Чтобы лишь бы работало, можно вместо:

JavaScript
1
form1.vis.focus();

указать:

JavaScript
1
if(form1.vis.value=='0'){form1.vis.value='';}

но у меня после такого способа ощущение как если бы я чистил картошку двуручной пилой "Дружба". Учитывая еще и то, что у меня кнопок много и каждую пользователь может нажать первой.

Буду благодарен за советы, как все-таки передать элементу фокус в IE 8.

@IvanK · 18.03.2013, 04:15

Ежели есть возможность скинь архив с проэктом своим,я покопаюсь днем,может найдем выход из ситуации. А то сейчас голова уже не очень хорошо работает.

Добавлено через 9 минут
единственное что пока приходит в голову так это попробовать не inline оnClick прописывать а добавить Listener на элемент. И да,в IE Listener не работает,там attachEvent("onclick",doSomething); И еще разок с таймером попробуй,все таки задержка очень маленькая.

zhibirc · 18.03.2013, 04:22 **[ТС]**

Сообщение от IvanK

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

Сообщение от IvanK

если не отработает попробуй время с 10 на 1000 увеличить.

Я старался читать внимательно.

@newJS · 18.03.2013, 07:19

ие тормоз, часто приходится таймером еще тормозить чтобы это чудо отработало как надо, вот только надо найти место куда таймер засунуть правильно, иной раз хватает таймера с нулевым временем, даже так.

нужен рабочий html со скриптом.

а в ие9-10 работает? есть возможность проверить?

@EPMAK · 18.03.2013, 10:25

Еще желательно багтрекер с ошибками , если есть они.

или так

HTML5
1
2
3
4
5
<form name="form1">
<input type="text" name="vis" value="" size="79" onFocus="if(form1.vis.value=='0'){form1.vis.value='';}">
 
<input type="button" name="one" value="1" onClick="form1.vis.focus();form1.vis.value+='1'">
</form>

zhibirc · 19.03.2013, 02:51 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html><head><title>SmartCalc</title>
<script type="text/javascript">
function resValue(obj){var fval=obj.visual.value;obj.visual.value=eval(fval)}window.onerror=function(){alert("Невыполнимо!")}
</script>
<style type="text/css">
body{background-color:#000}#funcBlock{background-color:#1e90ff;border-top:3px outset #1e90ff;border-bottom:3px outset #1e90ff}#style{border:5px outset #1e90ff;float:left}input{width:expression(this.type=="button"?'80px':'inherit');height:expression(this.type=="button"?'40px':'inherit');font-weight:expression(this.type=="button"?'bold':'inherit')}.mainButton{background-color:#1e90ff}
</style>
</head><body onLoad="window.resizeTo(558,299)"><div id="style"><form name="scalc">
<input type="text" name="visual" value="0" size="79" onFocus="if(scalc.visual.value=='0'){scalc.visual.value='';}">
<input type="button" name="back" value="<--" class="mainButton" onClick="scalc.visual.value=scalc.visual.value.slice(0,-1)">
<input type="button" value="Сброс" class="mainButton" onClick="scalc.visual.value='0'"><br><br>
<div id="funcBlock">
<input type="button" name="zero" value="0" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='0'">
<input type="button" name="one" value="1" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='1'">
<input type="button" name="two" value="2" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='2'">
<input type="button" name="three" value="3" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='3'">
<input type="button" name="plus" value="+" onClick="scalc.visual.value+='+'">
<input type="button" name="multiply" value="*" onClick="scalc.visual.value+='*'"><br>
<input type="button" name="four" value="4" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='4'">
<input type="button" name="five" value="5" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='5'">
<input type="button" name="six" value="6" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='6'">
<input type="button" name="seven" value="7" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='7'">
<input type="button" name="minus" value="-" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='-'">
<input type="button" name="divide" value="/" onClick="scalc.visual.value+='/'"><br>
<input type="button" name="eight" value="8" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='8'">
<input type="button" name="nine" value="9" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='9'">
<input type="button" name="pm" value="(" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+='('">
<input type="button" name="sqrt" value=")" onClick="if(scalc.visual.value=='0'){scalc.visual.value='';};scalc.visual.value+=')'">
<input type="button" name="point" value="." onClick="scalc.visual.value+='.'">
<input type="button" name="equally" value="=" onClick="resValue(scalc)"></div></form></div></body></html>

Вот такой код, пришлось-таки сделать озвученным ранее методом, иначе заставить IE делать как мне нужно я не смог. Что интересно, само событие Focus IE отрабатывает нормально, с одноименным методом напряг. В общем-то если будут мысли, пишите.

На IE>8 не пробовал.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@IvanK 23 / 17 / 1 Регистрация: 21.02.2013 Сообщений: 40
	18.03.2013, 04:15
	Ежели есть возможность скинь архив с проэктом своим,я покопаюсь днем,может найдем выход из ситуации. А то сейчас голова уже не очень хорошо работает. Добавлено через 9 минут единственное что пока приходит в голову так это попробовать не inline оnClick прописывать а добавить Listener на элемент. И да,в IE Listener не работает,там attachEvent("onclick",doSomething); И еще разок с таймером попробуй,все таки задержка очень маленькая. 1

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	18.03.2013, 07:19
	ие тормоз, часто приходится таймером еще тормозить чтобы это чудо отработало как надо, вот только надо найти место куда таймер засунуть правильно, иной раз хватает таймера с нулевым временем, даже так. нужен рабочий html со скриптом. а в ие9-10 работает? есть возможность проверить? 1