Невозможно понять синтаксис события мыши в Javascript

Question

Я пытаюсь понять следующий код D3, чтобы реализовать функцию масштабирования в моей диаграмме D3. https://gist.github.com/jasondavies/3689931

В коде есть вы эти строки:

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

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

Я не в курсе этого синтаксиса. Я пробовал документы, но не уверен, что искать. zoomRect - булева переменная, что это означает, когда мы говорим, что мы говорим mousemove.zoomRect ?

Любая помощь приветствуется. Благодарю.

Answer 1

Если вы посмотрите документацию для .on:

Если слушатель событий был уже зарегистрирован для того же типа, то существующий слушатель удаляется до добавления нового слушателя. К зарегистрировать несколько прослушивателей для одного и того же типа события, тип может быть , за которым следует дополнительное пространство имен, такое как «click.foo» и «click.bar». Аналогично, вы можете удалить всех зарегистрированных прослушивателей для указанного пространства имен , указав dispatch.on («. Foo», null).

.zoomRect - это пространство имен. Я считаю, что он использует для saftey, он устанавливает события в глобальном объекте окна.