Firefox addeventlistner('mouseover',) на ‹кнопке› не работает

Следующий javascript успешно запускает alert для элемента <button> для Chrome, но не для Firefox; с Firefox alert не запускается:

element.addEventListener('mouseover', function(){ alert('mouseover') }, false);

Когда я заменяю element html на <span>, событие запускает ожидаемое alert в Firefox, как и ожидалось.

Оскорбительный html:

не работает HTML

<button id="button-upload"><span>upload</span></button>

рабочий HTML

<span id="button-upload"><span>upload</span></span>

В firefox события не всплывают на кнопки от детей?

Если да, то есть ли обходной путь, кроме замены button на span из-за css.


javascript event-listener addeventlistener firefox
person rich tier    schedule 05.09.2013    source источник
comment
Может быть полезно stackoverflow.com/questions/8187854/   -  person Harsha Venkatram    schedule 06.09.2013

Ответы (1)


arrow_upward
1
arrow_downward

Не могли бы вы сделать это вместо этого?

HTML:

<div><button id="button-upload"><span>upload</span></button></div>

JavaScript:

document.getElementById('button-upload').parentNode.addEventListener('mouseover', function(){ alert('mouseover') }, false);
person Joon    schedule 05.09.2013
comment
<div id="button-upload"><button><span>upload</span></button></div> работает еще лучше :), js не меняется, спасибо! - person rich tier; 06.09.2013