В чем разница между щелчком по фокусу и фокусировкой по javascript?

Question

Я встретил одну хлопотную веб-страницу, структура которой сложна. Если щелкнуть мышью по одному DIV , все в порядке. Однако, если он сфокусирован с помощью javascript (т.е. divElement.focus). Макет превращается в грязный. Это происходит только в IE7 / 8.

Итак, есть ли разница между щелчком по фокусу и фокусировкой по javascript в IE?

Answer 1

Запуск события Javascript focus не вызывает событие click. Не видя соответствующего кода, я вынужден догадаться, что имеется какой-то обработчик click, который не вызывается в случае, когда вы запускаете событие focus.

Вместо этого вы можете попробовать выстрелить click:

var clickEvent;
if(document.createEvent) {
    clickEvent = document.createEvent('click');
    clickEvent.initMouseEvent('click');
    divElement.dispatchEvent(clickEvent);
} else {
    // Semi-pseudocode for IE, not tested, consult documentation if it fails
    clickEvent = document.createEventObject();
    divElement.fireEvent('onclick');
}

Или, если вы любите jQuery:

$(divElement).click();

Есть аналогичные решения и для Prototype (поиск Event.simulate).

Answer 2

Это происходит только в IE7 / 8.

Хм, тогда я уверен, что это ошибка, связанная с IE. Неудивительно. Если речь идет о законных событиях Javascript, они должны запускаться равномерно во всех браузерах.

Answer 3

Определение действия Фокус состоит в том, чтобы привести ввод (клавиатуру или мышь) к определенному элементу, обычно к полю ввода. Когда элемент получает фокус, происходит событие OnFocus. Когда он теряет фокус, вызывается событие OnBlur.

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