Забелязах, че в Chrome и IE9 за onmouseout събития има свойство event.toElement (така че можете да определите към кой елемент сочи мишката сега).
Не мога да намеря сравним имот във Firefox.
За съжаление не мога да използвам jQuery за обработка на тези събития, трябва да използвам собствен js.
Всеки съвет ще бъде оценен.
Вместо event.toElement трябва да използвате това:
event.target
Във Firefox е event.relatedTarget https://developer.mozilla.org/en/DOM:event.relatedTarget#1003983
IE има event.toElement, моля, премахнете препратката му от въпроса и отговора, за да избегнете объркването... това няма да направи невалидни други съществуващи отговори.
- person T J; 14.09.2014
event.toElement
- person Andrew Liu; 19.12.2014
Срещнах проблем, когато използвах отговора на Джей, event.target на firefox сочи към родителския елемент на целта на event.toElement в chrome.
След като разгледах obj на събитието, открих event.originalEvent.target, работи добре и на firefox, и на chrome.
Всъщност event.currentTarget трябва да работи в Chrome, Firefox и IE
От 2014 г. IE11 не поддържа toElement, прегледах обекта на събитието и открих, че target има същите данни като toElement.
Тоест, ако щракнете върху дъщерен елемент вътре в елемент, върху който това събитие е задействано, дъщерният елемент ще бъде „целта“ и ще бъде съхранен в този атрибут.
Елементът, от който е задействано събитието, се съхранява в атрибута currentTarget.
Имайте предвид, че тествах това само за ie 11, така че по-старите версии може да не поддържат това.
Така че, за да поддържаме firefox ie и chrome (и вероятно други, ще е необходим polyfill, нещо като:
var target = e.toElement || e.relatedTarget || e.target || function () { throw "Failed to attach an event target!"; }
Където e е event
лесен за следване код..
enter code here
if(typeof evt.toElement !== "undefined")
{
evt.toElement.classList.toggle('done');
}
else if(typeof evt.relatedTarget !== "undefined")
{
if(evt.relatedTarget !== null)
{
evt.relatedTarget.classList.toggle('done');
}
else if(typeof evt.currentTarget !== "undefined")
{
evt.currentTarget.classList.toggle('done');
}
else
{
console.log("s_f_li_clickexception...");
} //endif
} //endif
