我们如何获得 EventTarget for Key up

How do we getEventTarget for Key up?

本文关键字:Key up for EventTarget 何获得 我们      更新时间:2023-09-26

所以我最近发现,我们可以通过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 时,事情并没有像我想象的那样工作。这是一个小提琴。

我做错了什么?

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

在这种特殊情况下,您的脚本甚至没有被完全处理。由于拼写错误(没有document.getElementByID这样的函数,正确的称为document.getElementById)JS解析器抛出(在Chrome中)...

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

。并停止解释代码的其余部分。