检验oButton[i].onclick事件

检验oButton[i].onclick事件时为什么alert(this.value)就能输出单击的值，alert（i）就不能输出相应的i?

慕婉清707254 2019-11-25

源自：案例：仿计算器 2-4 计算器0-9数字显示代码优化（上）

17

收起

2回答

提问者慕婉清707254 2019-11-25 15:39:00

但我点击它还是会显示21而不是undefine

芝芝兰兰 #1

同学是在哪里输出的i呢？如果在function内使用到了console.log(i); 那么i就不是undefined了，而是21呢。如果其他位置都没有使用到i变量，那么i将不会被保留下来，成为undefined。祝学习愉快~

2019-11-25 15:57:15
提问者慕婉清707254 回复芝芝兰兰 #2

var input=document.getElementsByTagName("input"); for(var i=0;i<input.length;i++){ input[i].onclick=function(){ alert(i); } }

2019-11-25 16:14:29
芝芝兰兰回复提问者慕婉清707254 #3

同学你好，同学这样也算是用到了i变量。所以在function内，i并不是undefined呢~这是正常的。祝学习愉快~

2019-11-25 16:50:09

芝芝兰兰 2019-11-25 15:19:13

同学你好。

因为我们的onclick事件绑定在了oButton[i]元素上。那么onclick在这个绑定的函数中，this就代表了当前事件绑定的对象。

比如在源代码中增加如下语句：

页面加载完时已经输出了如下，相当于有了0~20个fuction，每个fuction对应的元素都是当时的i对应的oButton[i]：

执行完以上之后，也就是页面加载的过程中时候，i已经增加到21，i<oButton.length判断不成立，然后结束了for循环。i是for循环内的局部变量，所以在页面加载完成后再去访问，已经是undefined了。

而当点击“1”按钮触发时，this对应的是触发的这个onclick事件绑定的元素，这个元素并没有消失，也即是当初的oButton[i]:

如果解答了同学的疑问，望采纳~

祝学习愉快~

提问者慕婉清707254 #1

前面是理解了，但我点击它还是会输出一个数21而不是undefined

2019-11-25 15:43:07

相似问题

图中两个问题，怎么理解this和objButton[i]分别是什么？

这里为什么采用for循环

这个点击事件为什么我不可以这样写

为什么不能把this.value换成oButton[i]？

代码中的问题

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载