[已解决]关于addEventListener的问题

jincongno.1

1. var checklist = document.getElementById("checklist");
   
2. 
   
3. var items = checklist.querySelectorAll("li");
   
4. var inputs = checklist.querySelectorAll("input");
   
5. 
   
6. for (var i = 0;i <items.length; i++) {
   
7.     items[i].addEventListener("click",editItem);
   
8.     inputs[i].addEventListener("blur",updateItem);//失焦的事件
   
9.     inputs[i].addEventListener("keypress",itemKeypress);//键盘
   
10. 
    
11. }
    
12. function editItem() {
    
13.     this.className = "edit";
    
14.     var input = this.querySelector("input");
    
15.     input.focus();//有了这个之后 点击之后他光标会到第一个字母前面去(获取焦点)
    
16.     input.setSelectionRange(0,input.value.length); //该方法可以为当前元素内的文本设置被选中范围
    
17. 
    
18. 
    
19. 
    
20. }
    
21. function updateItem () {
    
22.     this.previousElementSibling.innerHTML = this.value;
    
23.     //previousElementSibling返回指定元素的前一个兄弟元素 innerHTML获取兄弟元素里面的值然后更改掉
    
24.     //接下来关闭编辑模式
    
25.     this.parentNode.className ="";
    
26. }
    
27. function itemKeypress (event) {
    
28.     if (event.which === 13) {
    
29.         updateItem.call(this);
    
30.         
    
31.     }
    
32.    
    
33. }

复制代码

想请问一下 我在itemKeypress函数中调用updateItem需要.call (this) 不然会报错
我试了不传this调用 他的this变成widows……
在 inputs i].addEventListener("blur",updateItem)里 有给updateItem传东西吗

有这么个疑惑。希望大佬指点
代码出处是小甲鱼老师搬运的web教学 js常用事件实战2

最佳答案

月排行榜 / 总排行榜

542624047

2020-3-15 20:56:31

你这个只是绑定了一个事件啊,传值是没有的.单纯的调用你的function updateItem里面的this自然是指windows.只有调用call传你那个指定的this进去才能正常工作.

跳转到最佳答案楼层

不二如是

实在没明白你的问题...

jincongno.1

不二如是 发表于 2020-2-10 21:14
实在没明白你的问题...

您看这样问可以吗。在我失焦的时候调用这个函数 看上去是空荡荡的updateItem（我不清楚它实际上有没有传值进去）  但是我在别的地方调用这个函数的时候需要这样 updateItem.call(this); 我去掉过后半部分 他报错大概的意思就是找不到在哪里了。或者说 emmm 在 inputs[i].addEventListener("blur",updateItem);//失焦 在这里调用的时候 有给updateItem传值吗?   还是明白不了的话 也是我表达的问题 不然您帮我删了这个贴也是可以的！很感谢您帮忙看了

542624047

你这个只是绑定了一个事件啊,传值是没有的.单纯的调用你的function updateItem里面的this自然是指windows.只有调用call传你那个指定的this进去才能正常工作.