SCRIPT5007：无法获取属性'keypress'的值：对象为null或未定义

Question

我正在尝试使用如下所示的jQuery代码在文本框的按键上执行一些代码，但出现错误。您能在这里帮我吗？我什至尝试了keydown，但面临同样的问题。

$("#command").keypress(function(event){
    alert('Before keycode validation cond');
var keycode = (event.keyCode ? event.keyCode : event.which);
       alert('After keycode validation');
       if(keycode == '13')
       {
              alert('ENTER key selected');
              $.get('Servlet3', function(response) {
                     alert(response);
                     appendResponse(response); //JS Method
              });
              appendCommand();  //JS Method
       }
});

Answer 1

看起来您的代码运行正常。检查下面的小提琴。我只是禁用了代码中的注释。

function onKeyDown(event) {
        //alert('Before keycode validation cond');
        var keycode = (event.keyCode ? event.keyCode : event.which);
        //alert('After keycode validation');
        if(keycode == '13')
        {
            //alert('ENTER key selected');
            $.get('Servlet3', function(response) {
                //alert(response);
                appendResponse(response);
            });
            appendCommand();
        }
    }
    if (window.addEventListener) {
            window.addEventListener("keydown", onKeyDown, true);
        } else if (document.attachEvent) { // IE 
            // alert(document); You can test this in IE
            document.attachEvent("onkeydown", onKeyDown);
        } else {
            document.addEventListener("keydown", onKeyDown, true);
        }
    function appendCommand() {
        //alert('appending command');
        document.getElementById('screen').textContent = document.getElementById('screen').textContent + document.getElementById('command').value;
    }
    function appendResponse(response) {
        //alert('appending response');
        document.getElementById('screen').textContent = document.getElementById('screen').textContent + response;
    }

textarea.ex1 { background-color: white; width: 610px; height: 310px; overflow: Scroll; }
        #outer {  width:100%; text-align: center;} .inner { display: inline-block; }
        body { background-color: gray; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="screen" class="ex1"></textarea>
<input type="text" id="command" style="width: 480px; height=600px;"/>

Answer 2

我无法在IE 9浏览器中使用，因此我尝试在IE 11浏览器中使用文档模式IE 9 进行测试。

您的代码在其中运行良好。这是测试结果。

如果仍然出现错误，则建议您升级到IE 11浏览器。 IE 9版本太旧，目前不在支持范围内。