El botón HTML no funciona en el procesador de etiquetas. ¿Hay alguna solución que pueda poner en mi código? El problema es que estoy usando webglrenderer y label renderer. Por lo tanto, ocurren muchos problemas, como que el control de órbita no funciona, los botones no se pueden hacer clic y los botones de anotaciones que creé en tiempo de ejecución no funcionan.
let div = document.createElement( 'div' ); div.className = 'label'; div.textContent = '+'; div.type='button'; div.id='label6'; div.style.marginTop = '-1em'; div.addEventListener("mousedown",scope_AC.uiHandler.addConnectionBtns,false); let label = new CSS2DObject( div ); label.position.copy(pos); childModel.add( label ); scope_AC.modeler.labelRenderer.setSize( innerWidth, innerHeight ); scope_AC.modeler.labelRenderer.domElement.style.position = 'absolute'; scope_AC.modeler.labelRenderer.domElement.style.top = '15px'; scope_AC.modeler.labelRenderer.domElement.style.pointerEvents = 'none' document.body.appendChild(scope_AC.modeler.labelRenderer.domElement );cuando marco la anotación, mi escena se atasca sin ningún evento de puntero = ninguno, pero cuando aplico esto, entonces no se puede hacer clic en la anotación
Prisoner849 hace un buen punto:
intente puntero
mousedownabajo en lugar depointerdown
Así es como su código se verá después:
let div = document.createElement( 'div' ); div.className = 'label'; div.textContent = '+'; div.type='button'; div.id='label6'; div.style.marginTop = '-1em'; div.addEventListener("pointerdown",scope_AC.uiHandler.addConnectionBtns,false); let label = new CSS2DObject( div ); label.position.copy(pos); childModel.add( label ); scope_AC.modeler.labelRenderer.setSize( innerWidth, innerHeight ); scope_AC.modeler.labelRenderer.domElement.style.position = 'absolute'; scope_AC.modeler.labelRenderer.domElement.style.top = '15px'; scope_AC.modeler.labelRenderer.domElement.style.pointerEvents = 'none' document.body.appendChild(scope_AC.modeler.labelRenderer.domElement );Eso debería hacerlo ~