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 не пробовал.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@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