Почему событие blur() для li не работает?

Question

[ASultonov]

Есть примерно такой список:

<ul id="faq" class="faq">
  <li>
    Lorem ipsum...
  </li>

  <li>
    Lorem ipsum...
  </li>

  ...
</ul>

Собирался отловить blur для всех li и... короче это не важно. А важно то, что написал вот такой (тоже примерно) код, и понял что функция не работает :(

var faq = document.getElementById('faq'),
    qas = faq.getElementsByTagName('li');

for (i = 0; i < qas.length; i++) {
  qas[i].addEventListener('blur', qasBlur, false);
}

function qasBlur() {
  alert('Я работаю!');
}

Скажите пожалуйста, что я делаю не так?

Answer 1

[Андрей Буров]

Добавьте к LI tabindex
jsfiddle.net/mc4tN/2

Comments

[ASultonov]

Спасибо огромное! Знал, что кто-нибудь тут поможет )

Answer 2

[Сергей Протько]

blur не работает так как небыло focus. А focus небыло потому что это обычный li а не элемент формы. Как верно сказал Андрей Буров, добавление атрибута tabindex позволит выставлять фокус на этот элемент, а следовательно появится и событие blur.

Comments

[ASultonov]

Спасибо и вам.