Question

我很好奇是否可以将用户在字段中输入的文本输入保存到localStorage，所以在这个html示例中，我想要从div＃match_player_id中保存内在的html，这是你创建的单击按钮

<input type="text" id="contract_year" placeholder="Contract" autocomplete="off">

<input value="Submit" onclick="document.querySelector('#match_player_id').innerHTML = document.querySelector('#contract_year').value" type="button">

<div id="match_player_id"></div>

Answer 1

我建议你改用javascript函数：

<script type="text/javascript">
function updateMatchPlayerId() {
    var matchPlayerId = document.querySelector('#contract_year').value;
    document.querySelector('#match_player_id').innerHTML =  matchPlayerId;
    if (typeof Storage !== "undefined") {
        localStorage.setItem("matchPlayerId", matchPlayerId);
    }
}
</script>

HTML：

<input type="text" id="contract_year" placeholder="Contract" autocomplete="off">

<input value="Submit" onclick="updateMatchPlayerId()" type="button">

<div id="match_player_id"></div>

Answer 2

首先，您应该使用不显眼的事件处理程序来挂钩事件而不是过时的slice_sum = sum( y[start:(last+1) ] )事件属性。正如你在问题中标记jQuery一样，这可以简单地完成。

从那里你可以使用on*来保存你需要的值，如下所示：

localStorage.setItem()

$('button').click(function(e) {
  e.preventDefault();

  var contractYear = $('#contract_year').val();
  $('#match_player_id').html(contractYear);

  localStorage.setItem(contractYear);
});

Working example

保存到localStorage

2 个答案: