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
  }
}

在第二种方法中，使用value实例的HTMLInputElement属性，下面回调函数f COULD NOT 按键后检索字符，

<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接口的对象通常作为第一个参数传递给事件处理程序。在上面的代码中，我在第二种方法中分配了回调而不是事件hanfler 。因为没有文档说明onkeypress属性值必须是事件处理程序。

Answer 1

当用户按下键盘上的键时，会发生onkeypress事件。在那个时间点，用户输入的键值是而不是放入文本框中。因此，当您第一次输入密钥时，document.getElementId('charInput').value会返回文本框的当前值，该值为空。下次按某个键时，它将显示在文本框中输入的第一个值。请注意document.getElementId('charInput').value显示文本框的当前值，而不是按下的关键字符。此外，在函数f()之后应该有一个开头，所以它应该是：

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（）缺少括号＆＃39; {＆＃39;。另外，请确保此代码包含<script>标记。也可以使用onkeyup而不是onkeypress。

为什么输入对象的value属性不具有值？

3 个答案: