javascript - 仅在选中时将时间插入字段，然后单击

Question

时间只插入到第一个字段https://jsfiddle.net/cjy28u1o/ .我想根据选择的字段插入时间。

$('#time').click(function(){
  var time = new Date();                
  $('#time-holder').val(time.toTimeString());  
});

Answer 1

您可以使用 .focusin() 存储焦点元素在一个变量中，然后在单击时设置它的值。在这种情况下，使用属性 class 而不是 id 也更有意义:

$(function(){
  var $focused;
  $('.time-holder').focusin(function(){
    $focused = $(this);
  });
  $('#time').click(function(){
    var time = new Date();
    if($focused != undefined)
      $focused.val(time.toTimeString()); 
    else
      alert('Not focused any element');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="" class="time-holder">
<input type="text" value="" class="time-holder">
<input type="text" value="" class="time-holder">

<input type="button" value="time" name="timer" id="time">