html - 按回车键移动下一步在html的日期字段中不起作用

Question

在 chrome 版本更新后按 enter 键在 html 的日期字段中不起作用我的 google chrome 版本是 83.0.4103.61 现在当我按 Enter 时它显示我的日期选择器而不是移动到其他字段

$(document).on('keypress','#from_date',function(e){
//alert("in");
e.preventDefault();
  if(e.which == 13){
     $('#to_date').focus();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="date" class="form-control customInp" name="from_date" value="2020-05-20" id="from_date">
<input type="date" class="form-control customInp" name="to_date" value="" id="to_date">

标签： htmljquerygoogle-chrome

Answer 1

您可以使用 enter keydown 上的 preventDefault 来覆盖在 enter 上打开日期选择器的新行为。

function preventDatePickerOnEnter(evt) {
  if (evt.which === 13) { // enter key
    console.log('prevented date picker on enter')
    evt.preventDefault();
  }
}

<input type="date" onkeydown="preventDatePickerOnEnter(event)">