Question

我想了解在脚本标记中使用onclick之间的区别：

<script>
    let par = document.querySelector('.cont');
    par.onclick = function () {
        par.style.background = 'white';
    }
</script>

和addEventListener。后来，我碰到了这篇文章，指出了在脚本标记中使用onclick的缺点，如下所示：1.您可能只分配了一个内联事件。 2.内联事件存储为DOM元素的属性，并且像所有对象属性一样，可以被覆盖。 3.即使您删除onclick属性，此事件也会继续触发。不幸的是，这篇文章是如此简短地描述，以至于我无法理解上述三个缺点的含义。请您能用简单的英语解释他的意思。这是到该书房的链接：https://medium.com/modern-javascript/javascript-event-handlers-280ed3cc5631

Answer 1

我建议阅读有关DOM规范的信息。 addEventListener事件已在文档对象模型中实现，它是onClick事件的下一级。当某些html内容应用于DOM时，它将从转换过程中传递出去。 onClick样式事件为所有浏览器提供了更加轻松和适用的开发。

我们也可以根据需要使用它们，而无需进行比较

简洁的JavaScript onclick

1 个答案: