Я заметил, что в 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.
После просмотра объекта события я нахожу event.originalEvent.target, он хорошо работает как в firefox, так и в chrome.
На самом деле event.currentTarget должен работать в Chrome, Firefox и IE.
По состоянию на 2014 год IE11 не поддерживает toElement, я просмотрел объект события и обнаружил, что target имеет те же данные, что и toElement.
То есть, если вы щелкнете по дочернему элементу внутри элемента, для которого сработало это событие, дочерний элемент будет «целью» и будет сохранен в этом атрибуте.
Элемент, из которого запущено событие, хранится в атрибуте currentTarget.
Обратите внимание, я тестировал это только для т.е. 11, поэтому более старые версии могут не поддерживать это.
Таким образом, для поддержки firefox, т.е. и хрома (и, возможно, других) потребуется полифилл, что-то вроде:
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
