Question

我要打印上次单击按钮时的日期。它实际上在工作，但是页面刷新没有了，但是我不想隐藏它。我该怎么办？

<input onclick="document.getElementById('demo').innerHTML=Date()" type="submit" name="Button" value="Button" />

<p id="demo"></p>

Answer 1

您似乎在表单的末尾有此名称，因此使用类型submit提交父表单，导致重新加载或重定向到action属性中指定的网站的形式。

从onclick处理程序中删除type="submit"并将其设置为type="button"或return false：

输入类型按钮：

<input onclick="document.getElementById('demo').innerHTML=Date()" type="button" name="Button" value="Button" />

<p id="demo"></p>

返回假：

<form action="something">
  <input onclick="document.getElementById('demo').innerHTML=Date(); return false;" type="button" name="Button" value="Button" />
</form>

<p id="demo"></p>

Answer 2

注释中提到的使用localStorage的解决方案如下所示：

$(function() {
  $("#demo").innerHTML = localStorage.date;
});

$("#buttonId").click(function() {
  localStorage.date = Date();
});

Answer 3

我希望它能起作用，点击刷新按钮后，您可以检查代码笔date and time of button clicked 。

<!DOCTYPE html>
<html>

<body>

  <form role="search" method="get" action="">
    <input type="checkbox" id="check-minor" name="check-minor" onclick="searchFunc()">
    <label for="check-minor">Menor</label>
    <input type="text" name="qt" id="qt" placeholder="Write your Shop Code" required pattern="[0-9A-Za-z]{7,9})" size="30">

    <button type="submit" class="btn btn-default" id="submit-button">Search</button>
  </form>

 

</body>

</html>

function storeDate() {
   var currentDate = Date();
   localStorage.setItem("dateofButton", currentDate)
}

(function(){
  if(localStorage.dateofButton){
    document.getElementById('demo').innerHTML = localStorage.dateofButton
  }else{
    // its empty
  }
})()

页面刷新时不要在按钮单击上隐藏日期

3 个答案: