爲什麼值輸入對象的屬性不具有價值？

Question

在第一種方法中，使用KeyBoardEvent例如，事件處理程序f下面COULD檢索鍵盤按鍵後字符，如下所示：

<form action="#" id="sampForm" > 
      <input id='charInput' type='text'> 
      <p id="KeyData">Key press data here</p> 
</form><br> 

document.getElementById('charInput').onkeypress = f; 

function f(event) { 
    var char = getChar(event || window.event) 
    if (!char) return false; // Special Key Pressed 
      document.getElementById('keyData').innerHTML = char + " was pressed"; 
          return true; 
}  

function getChar(event) { 
    // event.which returns the key pressed 
    if (event.which == null) { 
     // Return the char if not a special character 
     return String.fromCharCode(event.keyCode); // IE 
    } else if (event.which!=0 && event.charCode!=0) { 
     return String.fromCharCode(event.which); // Other Browsers 
    } else { 
     return null; // Special Key Pressed 
    } 
} 

---

在第二種方法中，使用HTMLInputElement實例的value屬性，低於回撥功能f可不可檢索按鍵後的字符，

<form action="#" id="sampForm" > 
      <input id='charInput' type='text'> 
      <p id="KeyData">Key press data here</p> 
</form><br> 

document.getElementById('charInput').onkeypress = f; 

function f(){ 
    document.getElementById('KeyData').innerHTML = document.getElementById('charInput').value + 'is pressed'; 
    return true; 
} 

---

在第二個方法，爲什麼document.getElementById('charInput').value是空字符串，當我按下第一鍵盤字符？事件處理方法如何解決這個問題？

注意：w3.org/TR/DOM-Level-2-Events/events.html - 實現Event接口的對象通常作爲第一個參數傳遞給事件處理函數。在上面的代碼中，我已經在第二種方法中分配了回叫而不是事件處理程序。因爲沒有說明onkeypress屬性值必須是事件處理程序的文檔。

Answer 1

當用戶按下鍵盤上的某個鍵時，會發生onkeypress事件。在那個時間點，用戶輸入的關鍵值是而不是尚未放入文本框。所以當你第一次輸入密鑰時，document.getElementId('charInput').value返回當前的值爲空的文本框。下次按一個鍵時，它會顯示在文本框中輸入的第一個值。請注意，document.getElementId('charInput').value顯示文本框的當前值，而不是按下的關鍵字符。此外，應該有功能f()後bracked一個開口，所以它應該是：

function f() { 
    document.getElementById('KeyData').innerHTML = document.getElementById('charInput').value + 'is the content of charInput'; 
    return true; 
} 

Answer 2

你缺少的function f

function f(){ 
// your code 
} 

Answer 3

左括號中的代碼是好的。函數f（）缺少圓括號'{'。另外請確保您有這個代碼包圍<script>標籤。也可以使用onkeyup而不是onkeypress。