Question

我想创建2个文本框。我想在这些文本框上写一些内容，并将每个文本框的值保存在数组或某处。只有char字符。如果需要，我有并重置删除一个值我做了很多工作，但没效果。

AM: <input type="text" id="myText" value="GiveAm" size="10" id="myInput"> 
<button onclick="document.getElementById('myInput').value = ''">Reset</button>
<button onclick="myFunction()">Kataxwrisi</button>


<br>
Surname <input id='charInput' type="text" value="" size="10%">
<button onclick="myFunction()">Kataxwrisi</button>
</br>
<script>
function myFunction() {
    document.getElementById("myText").value = "Johnny Bravo";
}
function getChar(event){
if(event.which == null){
return String.fromCharCode(event.keyCode);
}else if(event.which !-0 && event.charCode != 0){
return String.fromCharCode(event.which);
}else{return null; }
}
document.getElementById('charInput').onkeypress= 
function(event){
var char =getChar(event || window.event)
if(!char) return false;
document.getElementById('keyData').innerHTML =char + "was clicked";
return true;
}
</script>

Answer 1

不是100％肯定你在这里想做什么。但这是我对解决方案的最佳猜测。当用户在文本框中按下“enter”键时，该文本框的当前值将存储在数组中。

  var arrSavedValues = [];
  function setInputValue(argInputID, argNewValue) {
    document.getElementById(argInputID).value = argNewValue;
  }
  function saveValue(e){
    if(e.keyCode === 13){
      e.preventDefault();
      var caller = e.target || e.srcElement;
      arrSavedValues.push(caller.value);
      alert("Saved " + caller.value + " to arrSavedValues.");
    }
  }

<div>
  <label>AM:</label>
  <input id="txtAM" type="text" value="GiveAm" size="10" onkeypress="saveValue(event)" />
  <button onclick="setInputValue('txtAM','')">Reset</button>
  <button onclick="setInputValue('txtAM','Johnny Bravo')">Kataxwrisi</button>
</div>
<div>
  <label>Surname:</label>
  <input id="txtSurname" type="text" value="" size="10" onkeypress="saveValue(event)" />
  <button onclick="setInputValue('txtSurname','Johnny Bravo')">Kataxwrisi</button>
</div>

文本框仅char保存重置框

1 个答案: