将 textArea Aframe 的值设置为变量

Question

我想知道如何使用 JavaScript，将 A 帧中文本区域的 text="" 值设置为变量。例如，textArea 应该从设置的默认文本值开始，但我创建了一个名为 txtValue 的变量，应该发生的是当单击顶部的按钮时，文本将更新为变量的值称为 txtValue。因此，textarea 文本将从默认文本更改为 txtValue 设置的任何值。如何才能做到这一点？ Fiddle 代码：https://jsfiddle.net/AidanYoung/9ma1j7gy/6/

Answer 1

您最初应该将输入属性的值属性设置为您想要的任何值。让我们说你的变量：textValue。然后添加一个事件监听器来监听“更改”事件。相似:

------HTML
<label>Choose an ice cream flavor:
  <select class="ice-cream" name="ice-cream">
    <option value="">Select One …</option>
    <option value="chocolate">Chocolate</option>
    <option value="sardine">Sardine</option>
    <option value="vanilla">Vanilla</option>
  </select>
</label>
------------JS
<div class="result"></div>
const selectElement = document.querySelector('.ice-cream');

selectElement.addEventListener('change', (event) => {
  const result = document.querySelector('.result');
  result.textContent = `You like ${event.target.value}`;
});

将 textArea Aframe 的值设置为变量

Set the value of a textArea Aframe to a variable

javascript

webvr

aframe