OrbitControls: Introduce listenToKeyEvents().

[Mugen87]

Related issue: Fixed #20805.

Description

See #20805 (comment).

The internal event listener for keydown is now not set automatically anymore. Instead, listenKeyEvents() has to be called with a proper target for key events (e.g. window).

[mrdoob]

Thanks!

[GabbyLin]

Hello,
I use listenToKeyEvents, but I find it cannot restrict like mouse event.
If I use followinf setting:

var orbit = new THREE.OrbitControls(camera, renderer.domElement);
orbit.listenToKeyEvents(window);
orbit.maxPolarAngle = 1.7;
orbit.minPolarAngle = 1.4;
orbit.maxAzimuthAngle = 0.4;
orbit.minAzimuthAngle = -0.4;

It cannot work when I use arrow keys.
Camera will extend infinitely in x or y axis, and it cannot hold a restricted view for user.
Is any solution could handle it?

[WestLangley]

@GabbyLin Please use https://discourse.threejs.org for help questions.

[731942771]

version r132.
　var orbit = new THREE.OrbitControls(camera, renderer.domElement); 　orbit.listenToKeyEvents(renderer.domElement);
it dos't work.
can't find "enableKeys" in OrbitControls.js .

[Mugen87]

The official example uses the above pattern to create the controls. Do you mind demonstrating the error with a live example based on the demo's code?

[731942771]

The official example uses the above pattern to create the controls. Do you mind demonstrating the error with a live example based on the demo's code?

my bad. I missed a sentence this.controls.listenToKeyEvents(window);