tiny-events.js - Normalized events for tinyJS

tiny-events.js bringt die normalisierten Events mouseenter, mouseleave, drag und drop mit.

Download

tiny-events.js [1866b] - tiny-events-min.js.gz [435b]

Hinweis

Die normalisierten Events benötigen lediglich tiny.js. Andere Scripte sind nicht erforderlich.

Verwendung

Die normalisierten Events sind kurz nach dem Einbinden verfügbar und können beliebig wie DOM-Events über t.e bzw. t._.e genutzt werden.

mouseenter/mouseleave

Die beiden zusammengehörigen Events mouseenter und mouseleave sind das normalisierte Pendant zu mouseover und mouseout. Mouseenter wird dann aufgerufen, wenn ein Element mit dem Cursor überfahren wird (aber nicht, wenn man dabei aus einem Kind-Element kommt), während mouseleave dann auslöst, wenn das Element in Richtung eines nicht darinnen liegenden Elements verlassen wird.

drag/drop

Das Event drag löst aus, wenn man mit dem Cursor ein Element anklickt, die Maus gedrückt hält und dabei anfängt, zu schieben. Drop wird ausgelöst, wenn man danach die Taste wieder losläßt.

Beispiel

Wenn man mit der Maus über das Beispielfeld geht, wird dessen Hintergrund grau (auch wenn man über den Inhalt geht). Den schwarzen Kasten kann man mittels drag/drop (auch über die Grenzen des Demo-Feldes hinaus) verschieben.