如何在同一个输入击键时让两个输入框作出反应?

时间:2018-05-09 11:39:19

标签: javascript html user-interface user-input

我有以下代码:

TFDPhysCommandAsyncOpen

我想让用户插入两个值,然后输入我想要记录两个值。它现在的方式我必须输入时间并按Enter键然后输入第二个值,然后再次按回车键。

3 个答案:

答案 0 :(得分:0)

function onClickMe()
{
    var newValue = $("#box").val();
    var startvalue = $("#Stime").val();
    if(startvalue != null and startvalue != "")
    {
        $("#Stime").val(newValue);
    }
    else
    {
        $("#Etime").val(newValue);
    }
}

答案 1 :(得分:0)

将一个keyup侦听器绑定到该文档,然后检查它是否是回车键,如果是,则获取值并随后执行所需的操作。

在示例中,我只是记录它。
此外,您可以在显示/使用值之前插入一些验证,例如检查两个时间是否都为空。

请看,这是否是您需要的,如果需要进行一些更改,请告诉我。



document.onkeyup = function(ev){
  if (ev.keyCode == 13){
    //YOU CAN INSERT VALIDATIONS HERE
    var startTime = document.getElementById('Stime').value;
    var endTime = document.getElementById('Etime').value;
    console.log("Start: " + startTime + " | End: " + endTime);
  }
}

<div>
    <label style="font-size: 14px">Start Time: </label> <input id="Stime" type="time" value="09:00" (keyup.enter)="function1(name2.value)"/><br>
    <label style="font-size: 14px">End Time: </label><input id="Etime" type="time" style="margin:10px" value="getCurrentTime()" (keyup.enter)="function1(name1.value)"/>
</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

如果您还想更新时间,那么您还必须收听键盘事件。

document.onkeyup = function(ev){
  // for pressing enter or keyup event
  if (ev.keyCode == 13 || ev.keyCode == 38){ 
    var startTime = document.getElementById('Stime').value;
    var endTime = document.getElementById('Etime').value;
    console.log("Start: " + startTime + " \nEnd: " + endTime);
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <label style="font-size: 14px">Start Time: </label> <input #StartTime id="Stime" type="time" value="09:00" (keyup.enter)="function1(name2.value)"/><br>
    <label style="font-size: 14px">End Time: </label><input #EndTime id="Etime" type="time" style="margin:10px" value="getCurrentTime()" (keyup.enter)="function1(name1.value)"/>
</div>