Question

我从试图理解的练习中复制了此功能

loadEventListeners();

function loadEventListeners () {
  cursos.addEventListener('click', addToCart);
}

function addToCart(e){
  e.preventDefault();
  console.log(e.target.classList);
}

我不明白为什么它会分配参数“ e”，然后通过e.target调用它，或者因为使用了preventDefault()

该函数的作用是返回您单击的按钮上的类的列表

Answer 1

e代表Event的整数。 Event接口表示在DOM中发生的事件。事件可以由用户动作触发，例如单击鼠标按钮或点击键盘。

您的功能addToCart()由用户操作触发，并且e包含有关此事件的信息。

preventDefault()方法“取消”事件，这意味着不会发生属于该事件的默认操作。例如，单击的锚点不会将浏览器带到新的URL。

详细了解Event和preventDefault()

Answer 2

无论何时触发任何事件，都会调用一个调用函数。在哪个事件对象中传递。

事件对象包含与事件相关的所有信息。就像单击哪个按钮，轴，属性一样。

您可以将此功能用于许多目的，例如查找父项，子项，元素的尺寸等等。

有两个功能preventDefault和stopPropagation分别用于不同的目的。

preventDefault cancle默认动作，它属于诸如anchor元素之类的元素。

stopPropagation()方法可防止将同一事件传播给孩子/父母。

参数e的解释功能

2 个答案: