暂停事件发生后，输入文本字段将变为空白

编程问答 2022-06-13

问题描述

我有一个类似下面的输入

<input type="text" placeholder="Select your arrival date..."
                                                    class="input__input datePickerBar__input " id="inpCalendarDate" onchange="dateFunction(event);false"/>

，更改事件后，我输入的输入内容丢失了。我尝试过如下

function dateFunction(event){


var bla=$("#inpCalendarDate").val();
    console.log(bla);
    event.preventDefault();
    return false;
    $("#inpCalendarDate").val("test");
}

但是我的inpCalendarDate变得空白。请帮忙

解决方法

在return语句之后，代码不可访问，因此不会更新输入框。删除return语句或将其添加为函数的最后一行

function dateFunction(event) {
  var bla = $("#inpCalendarDate").val();
  event.preventDefault();
  $("#inpCalendarDate").val("test");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" placeholder="Select your arrival date..." class="input__input datePickerBar__input " id="inpCalendarDate" onchange="dateFunction(event)" />

callbackcallbackjavascriptonchangeonchange