Question

我刚刚与经验丰富的开发人员一起检查了我的代码，他做了很多非常有用的更改，但不幸的是，代码没有正确保存，我丢失了所有的编辑功能！

他帮助的主要是消除了我的一些代码重复。我有两个共享大量代码的函数：//使用“添加”按钮将项目添加到待办事项列表和//使用ENTER KEY将项目添加到列表中。

他为此做的是将大部分这些函数添加到//添加新项目到待办事项列表功能，因此其他功能更简单。我忘了他是怎么做到的！如果有人可以提供帮助，我会非常感激！

{{1}}

这是小提琴：https://jsfiddle.net/Rassisland/7bkcLfhu/

Answer 1

为避免代码重复，请将函数保存到变量，然后使用适用的事件处理程序引用它。这里重要的一课是你不总是需要使用匿名函数。

＆＃13;

;(function(){
  "use strict";
  
  var button = document.getElementById('button');
  
  var doStuff = function(event){
    //  do some stuff
    alert('i did some stuff');
  };
  
  document.addEventListener('keypress',doStuff);
  button.addEventListener('click',doStuff);
  
})();

＆＃13;

<button id="button" name="button">i am a button</button>

<textarea id="textarea" name="textarea">press a key</textarea>

＆＃13;

加入函数onlick和onkeyup

1 个答案: