如何让两个输入框同时响应输入键?

Question

我有以下代码：

<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>

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

Answer 1

将keyup 侦听器绑定到文档，然后检查它是否是 Enter 键，如果是，则获取值并执行所需的操作。

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

请看看这是否是你需要的，并告诉我是否需要一些更改。

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>

Answer 2

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

Answer 3

如果您还想更新时间，那么您还必须收听 keyup 事件。

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>