javascript - 我们如何为 Key up 获取EventTarget？

Question

所以我最近发现我们可以通过 getEventTarget 获取子弹列表的值，如下所示（归功于此 OP）。

HTML：

<ul id="testUL">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

JS

function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement;
}

var ul = document.getElementById('testUL');
ul.onclick = function (event) {
    var target = getEventTarget(event);
    alert(target.innerHTML);
};

但是，当我想跟踪 onkeyup 时，事情并没有像我想象的那样工作。这是一个小提琴。

我究竟做错了什么？

Answer 1

养成每次 JS 代码出现意外行为时检查控制台输出的习惯：太多次你会发现那里等着你的解释。

在这种特殊情况下，您的脚本甚至没有被完全处理。由于错字（没有这样的功能document.getElementByID，正确的一个被称为document.getElementById）JS解析器抛出（在Chrome中）......

TypeError: Object #<HTMLDocument> has no method 'getElementByID'

...并停止解释其余代码。