Как добавить прослушиватель событий для объекта Three js Me sh с использованием трех событий dom?

Question

var domEvents = new THREEx.DomEvents(camera, view.domElement);

var div = document.createElement( 'div' );
    div.setAttribute('data-remove','mesh1');
    div.className = 'close-me';

var label = new THREE.CSS2DObject( div );
    label.position.set( -(w / 2.1) , 0 , 0.1 );
    mesh1.add( label );

    domEvents.addEventListener(div, 'click', find, true);
    function find(event){
        alert('hey its me');
    }

Здесь я использую threex, чтобы добавить событие click для объекта sh, но я получаю некоторую консольную ошибку, например:

1. Uncaught ReferenceError: THREEx не определен
2. threex.domevents. js: Uncaught ReferenceError: модуль не определен
3. Невозможно прочитать свойство addEventListener из undefined

Я использую threex cdn, приведено ниже:

<script src="https://cdn.jsdelivr.net/npm/threex-domevents@1.0.0/threex.domevents.min.js"></script>

любезно помогите мне, и любая помощь будет очень заметна.

Answer 1

У меня была такая же проблема, как и у вас. По какой-то причине я не мог заставить его работать через CDN. Попробуйте использовать файл из их репозитория GitHub . Скопируйте файл "threex.domevents. js" в каталог вашего проекта, а затем импортируйте его в свой html:

<script src="threex.domevents.js"></script>

У меня это сработало.