Aframe-如何从Aframe中的textarea检索文本

时间:2018-09-19 12:10:27

标签: aframe

我无法从文本区域检索文本,因为我只想通过输入x因子作为输入来缩放框。但是由于某种原因无法检索输入。请帮忙!...这里是代码:

    <html>
    <head>
      <title>My A-Frame Scene</title>
      <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
      <script src="https://unpkg.com/aframe-textarea-component/dist/aframe-textarea-component.min.js"></script>
    </head>

    <body>
      <a-scene>
      <a-sky color="#6EBAA7"></a-sky>
      	<a-box id="redbox" position="3 2.5 -2" color="red"></a-box>
    	<a-entity position="0 1 -2" id="inputText" textarea="backgroundColor:white; color:black; cols:5; rows:1;value:2;"></a-entity>
    	<a-input postion="0 2 -2"></a-input>
    	<a-text id="outputText"  position="0 2 -2" value="Hello"></a-text>
    	<a-camera position="0 1 1">
    		<a-cursor color="yellow"></a-cursor>
    	</a-camera>
    	<a-entity id="select-button" geometry="primitive: box" material="color:red" position="0 0 -2"></a>
      </a-scene>
      <script>
       var box = document.querySelector('#redbox')
       var printText = document.querySelector('#inputText');
       document.querySelector('#select-button').addEventListener('click',function(){
    		box.setAttribute("scale", 
    		{
    			x : parseInt(printText.getAttribute('textarea').value),
    			y : 1.5,
    			z : 1.5
    		}
    		);
       });   
      </script>
    </body>
    </html>

编辑:我尝试如下更改javascript中的代码:

parseInt(printText.getAttribute('textarea')。text

它仍然不起作用!

1 个答案:

答案 0 :(得分:1)

textarea组件不会直接公开该值,但您可以这样做:

document.querySelector('#inputText').components.textarea.textarea.value