Question

如果在不使用任何JavaScript库的情况下在该文本字段中键入内容，如何获取文本字段的数据？类似的东西在AngularJS中实现如下：

<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>

Answer 1

在某种意义上没有任何框架/库，您必须将keyup事件绑定到input元素，并且必须在event处理程序中更新DOM。

＆＃13;

document.querySelector("input").addEventListener("keyup", function() {
    document.querySelector("h1 strong").textContent= this.value;
});

＆＃13;

<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here" value="">
<hr>
<h1>Hello <strong></strong></h1>

＆＃13;

Answer 2

另一种方法是使用javascript＆n;输入。

 <input type="text" id="myInput" oninput="myFunction()">

 <p id="demo"></p>

 <script>
 function myFunction() {
     var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = "You wrote: " + x;
 }
 </script>

Here is the working example from w3schools

在我输入HTML表单时返回文本

2 个答案: