JavaScript输出中的事件监听器

问题描述 投票:0回答:1

此代码显示console.log(abc)的textarea标记,它是ID,但是console.log(text)则显示错误。任何人都可以解释console.log(abc)的值如何执行,而不是文本类的值。我没有将任何参数传递给回调函数。因此,对于console.log(abc)来说,输出结果如何。谢谢。

    document.querySelector(".text").addEventListener("keydown", () => {
        console.log(abc);
        //console.log(event);
        console.log(text);
    });
<!DOCTYPE html>
<html lang="en">
<head>
    <title>demo</title>
</head>
<body>

    <textarea name="ab" class="text" id="abc" cols="30" rows="10"></textarea>
    <script src="script.js"></script>

</body>
</html>
dom dom-events addeventlistener
1个回答
0
投票

代码段document.querySelector("#abc")获取id为“ abc”的html元素。代码段:

.addEventListener("keydown", () => {
        console.log(abc);
})

是一个事件侦听器,它侦听keydown事件并显示id为“ abc”的html标签

© www.soinside.com 2019 - 2024. All rights reserved.