我目前正在尝试了解有关事件监听器的更多信息。在IIFE中，我有以下代码：
function display(){
console.log('itemAdded');
}
document.querySelector('.add__btn').addEventListener('click',display);
document.addEventListener('keypress',function(event){
if(event.which == 13 || event.keyCode == 13){ //if 'enter' is pressed
display();
}
});
我想要实现的是通过单击具有正确类别的按钮或按下回车键来运行显示功能。
我按了Enter键，'itemAdded'出现在控制台中。我点击类.add__btn的按钮，'itemAdded'再次出现在控制台中。现在，当我再次单击Enter时，它会在控制台中生成2'itestAdded'。
我进行了进一步的测试，发现一旦我点击了.add__btn类的按钮，Enter键开始生成2'itemAdded'文本：
console.log
'itemAdded' <- Generated by hitting Enter
'itemAdded' <- Generated by clicking
'itemAdded'
'itemAdded' <- 3rd and 4th were generated by a single hit of the enter button.
任何人都可以帮助我理解为什么Enter键生成2'itestAdded'？