HTML and CSS Reference
In-Depth Information
Listing 10.15
Custom event handlers in
addEventHandler
(function () {
/* ... */
function mouseenter(el, listener) {
var current = null;
_addEventHandler(el, "mouseover", function (event) {
if (current !== el) {
current = el;
listener.call(el, event);
}
});
_addEventHandler(el, "mouseout", function (e) {
var target = e.relatedTarget
||
e.toElement;
try {
if (target && !target.nodeName) {
target = target.parentNode;
}
} catch (exp) {
return;
}
if (el !== target && !dom.contains(el, target)) {
current = null;
}
});
}
var custom = dom.customEvents = {};
if (!tddjs.isEventSupported("mouseenter") &&
tddjs.isEventSupported("mouseover") &&
tddjs.isEventSupported("mouseout")) {
custom.mouseenter = mouseenter;
}
dom.supportsEvent = function (event) {
return tddjs.isEventSupported(event)
||
!!custom[event];
};
function addEventHandler(element, event, listener) {
if (dom.customEvents && dom.customEvents[event]) {
