How to synchronize mouse actions between two NGL stages?

[jong3]

I created two NGL stage objects :

var stage1 = new NGL.Stage( "viewport1", {backgroundColor: "white"});
var stage2 = new NGL.Stage( "viewport2", {backgroundColor: "white"});

I want the mouse operations of the two stages to be synchronized, that is, when rotating or moving the molecule of one stage, the other stage performs the same action. At present, I have implemented the scrolled action.

stage1.mouseObserver.signals.scrolled.add(function (delta) {
    console.log('scrolled', delta);
    stage2.mouseBehavior._onScroll(delta);
});

But other mouse actions are invalid. i.e. dragged.

stage1.mouseObserver.signals.dragged.add(function (deltaX, deltaY) {
    console.log('dragged', deltaX, deltaY);
    stage2.mouseBehavior._onDrag(deltaX, deltaY);
});

How can I solve this problem? Thank you very much.

[jong3]

I've already solved the problem.
For scrolled action:

stage1.mouseObserver.signals.scrolled.add(function (delta) {
    stage2.mouseBehavior._onScroll(delta);
});

For click:

stage1.signals.clicked.add(function (pickingProxy) {
    stage2.animationControls.move(pickingProxy.position.clone());
});