Обработчик события срабатывает со второго раза в IE

@zangetsu · Регистрация: 05.11.2011

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

Здравствуйте. Мучаюсь уже несколько часов. Проблема такова, на input у меня 2 события ondblclick и onkeyup,
обработчик на ondblclick срабатывает только на 2 dblclick, а onkeyup - после того как кликнуть по строке и нажать клавишу Enter. Помогите устранить.
вот функции:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function unlockTodo(e) {
    e = e || window.event;
    evt = e.target ||  event.srcElement;
    document.getElementById(evt.id).removeAttribute('readOnly');
}
 
function lockedTodo(e) {
    e = e || event;
    evt = e.target || e.srcElement;
    if (e.keyCode === 13){
        document.getElementById(evt.id).readOnly = "true";
    }
}

а вот как я их добавляю для разных браузеров:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
if (window.attachEvent) {
 
        todoMemo[todosLength].attachEvent('ondblclick', function (e) {
            unlockTodo.call(this, e);
        });
 
        todoMemo[todosLength].attachEvent('onkeyup', function(e){
            lockedTodo.call(this,e);
        });
 
    } else if (window.addEventListener) {
 
        todoMemo[todosLength].addEventListener('dblclick', function (e) {
            unlockTodo.call(this, e);
        }, false);
 
        todoMemo[todosLength].addEventListener('keyup', function(e){
            lockedTodo.call(this,e);
        },false);
 
    }

проблема только в IE8-9

@vovandr · 11.03.2014, 23:17

В десятом кстати тоже самое. Проблема в том, что фокус сразу передается...именно поэтому и происходит такое поведение. Сложно сказать, что это баг или нет, но решения именно с тегом инпут я тоже не нашел. Причем атрибут disabled тут тоже не подойдет, так как клики по нему не сработают. Ранее с такой проблемой не сталкивался, зато сейчас очень удивился

Если кто-то подскажет решение, буду также очень благодарен

Добавлено через 1 час 39 минут
могу предложить вот такой вариант с использованием вспомогательного контейнера-обертки (сам скрипт тоже оптимизировал с использованием одноразовой инициализации, чтобы каждый раз браузер не проверял поддержку обработчика):

HTML5
1
2
3
<div id="txtField">
 <input disabled  type="text">   
</div>

JavaScript
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
31
32
33
34
35
36
37
38
39
40
 var field = document.getElementById('txtField'),
        utils = {
           addDblClickListener: null,
           addKeyUpListener: null
        };
 
   function unlockTodo(e) {
      evt = e && e.target || event.srcElement;
      evt.removeAttribute('disabled');
      evt.focus();
    }
 
    function lockedTodo(e) {
        evt = e && e.target || event.srcElement;
        if (e.keyCode === 13){
            evt.disabled = "disabled";
        }
    }
 
    if (typeof document.attachEvent === 'function') {
 
        utils.addDblClickListener = function(el, type, fn) {
           el.attachEvent('on' + type, fn);
        }
        utils.addKeyUpListener = function(el, type, fn) {
           el.attachEvent('on' + type, fn);
        }
 
    } else {
 
        utils.addDblClickListener = function(el, type, fn) {
           el.addEventListener(type, fn, false);
        }
         utils.addKeyUpListener = function(el, type, fn) {
           el.addEventListener(type, fn, false);
        }
    }
 
    utils.addDblClickListener(field, 'dblclick', unlockTodo);
    utils.addKeyUpListener(field, 'keyup', lockedTodo);

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .