PHP : onkeyup输入文本

Question

我使用onkeyup函数和结果，如图中所示

​

​

        function DES1(val){
            var a = document.getElementById(val.id).value
            var inputs = document.querySelectorAll(".des1");
            for(var i=0;i < inputs.length;i++)
            {
               inputs[i].value = a;
            }
        }

<label>A</label><font color="red">*</font>
<input type="text" name="id" id="des1" onkeyup="DES1(this)">
<label>B</label><font color="red">*</font>
<input type="text" class="des1">

但是当我输入数字3(然后是表格的历史数字)

​

当我点击数字和填写输入，但输入B不跟随输入A，如何解决它？

​

​

Answer 1

如果您想在用户释放键时绑定一个函数，则应该使用onkeyup，如果输入的值发生了变化，则应该使用oninput。您应该使用oninput。试试这个：

​

function DES1(val){
    var a = document.getElementById(val.id).value
    var inputs = document.querySelectorAll(".des1");
    for(var i=0;i < inputs.length;i++) {
       inputs[i].value = a;
    }
}

<label>A</label><font color="red">*</font>
<input type="text" name="id" id="des1" oninput="DES1(this)">
<label>B</label><font color="red">*</font>
<input type="text" class="des1">

​

Answer 2

你需要变化事件

​

$("#des1").change(function(){
  var value = $("#des1").val();
  $(".des1").val(value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>A</label><font color="red">*</font>
<input type="text" name="id" id="des1">
<label>B</label><font color="red">*</font>
<input type="text" class="des1">

​

当您使用onkeyup事件时，它不标识何时使用来自某处的复制文本或从自动完成中选择。但是，只要输入发生变化，on-change事件就能工作。