JavaScript匿名函数作用域变量
JavaScript匿名函数作用域变量
提问于 2019-11-22 17:35:59
我是JS的初学者，现在学习DOM操作。我正在尝试创建一个事件处理程序，将输入字符串打印到控制台(例如)。
当我尝试这样做时，处理程序的匿名函数将不会识别该变量：
var testThis = document.querySelector('.testInput').value;
document.querySelector('button[id="first"]').addEventListener('click', function() {
console.log(testThis); //won't pass the Input to the console
})但是，当我在函数本身内声明变量时，一切正常。
所以我的问题是：函数不应该访问全局范围吗？
谢谢!
回答 1
Stack Overflow用户
发布于 2019-11-22 17:40:29
在第一行代码运行时，testThis将具有输入的值。如果有人更改了输入的值，然后单击按钮，变量将仍然具有旧的值。
解决方案:将输入元素本身存储在变量中，并在事件处理程序中检索其值：
var testInput = document.querySelector('.testInput');
document.querySelector('button[id="first"]').addEventListener('click', function() {
console.log(testInput.value);
})<input type="text" class="testInput" />
<button id="first">Click Me</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58999174
复制相关文章
相似问题
腾讯云开发者
