ScalaJS document.getElementById("editor")

Question

我正在尝试访问 scalajs 中文本区域的值，如下所示：document.getElementById("editor").addEventListener("input", { (e: dom.Event) =>      console.log(e)      console.log(document.getElementById("editor").getAttribute("value"))    })但它总会回归null。不知道为什么！我在普通的 JavaScript 中尝试了同样的事情，看起来效果很好！<script>     document.getElementById("editor").addEventListener("input", function(){        console.log(document.getElementById("editor").value);     });</script>我使用的是 scalajs 版本 1.3.1。任何帮助表示赞赏。TIA。

Answer 1

显然我们必须将结果转换document.getElementById为org.scalajs.dom.html元素。

在这种情况下，在我们将事件侦听器添加到编辑器组件之前，我们需要首先将结果转换为document.getElementById("editor")to org.scalajs.dom.html.TextArea，如下所示：

val editor = document.getElementById("editor").asInstanceOf[TextArea]

那么如果我们想访问value这个组件的属性，我们可以这样做：

editor.addEventListener("input", { (e: dom.Event) =>
    console.log(editor.value)
});