2016-06-07 22 views
1

nicht verstehen Ich versuche, folgenden D3-Code zu verstehen, um Zoomfunktion in meinem D3-Diagramm zu implementieren. https://gist.github.com/jasondavies/3689931Kann Mausereignissyntax in Javascript

Im Code sind da diese Zeilen:

.on("mousemove.zoomRect", function() { // line 90 

.on("mouseup.zoomRect", function() { // line 99 

Ich bin nicht von dieser Syntax bewusst. Ich habe die Docs ausprobiert, bin mir aber nicht sicher, wonach ich suchen soll. zoomRect ist eine boolesche Variable, was bedeutet es, wenn wir sagen mousemove.zoomRect ?

Jede Hilfe wird geschätzt. Vielen Dank.

Antwort

3

Wenn man sich die Dokumentation sucht .on:

Wenn ein Ereignis-Listener bereits für die gleiche Art registriert wurde, die vorhandenen Zuhörer entfernt wird, bevor der neue Hörer hinzugefügt wird. Um mehrere Listener für den gleichen Ereignistyp registrieren, kann der Typ gefolgt von einem optionalen Namespace, z. B. "click.foo" und "click.bar". Ebenso können Sie alle registrierten Listener für einen gegebenen Namespace mit dispatch.on (". Foo", null) entfernen.

Die .zoomRect ist ein Namespace. Ich glaube, er benutzt für Sicherheit, er setzt Ereignisse auf dem globalen Fensterobjekt.

+0

Ich verstehe es jetzt. Danke, dass du das geklärt hast. – akshayKhot

+0

Nur um das zu klären, hat '.zoomRect' im Event-Listener nichts mit der booleschen Variable zu tun, oder? – akshayKhot