Kann Mausereignissyntax in Javascript

Question

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

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.

Answer 1

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.