Question

我在页面上有两个滑块，每个滑块都有各自的分页，是否可以将这两个onclick动作组合在一起，所以我有一个全局控件来控制两个滑块？

<a href="#" onClick="(function(){slider_image.goToSlide(<?php echo $slide++; ?>);return false;})();return false;">

<a href="#" onClick="(function(){slider_copy.goToSlide(<?php echo $slide++; ?>);return false;})();return false;">

Answer 1

您无法将单个事件侦听器添加到多个元素（使用Vanilla js），但是可以使用循环和addEventListener（而不是将onclick处理程序嵌入到您的处理程序中）来合并代码html）。您还可以将事件侦听器附加到DOM层次结构中的其他位置，并在事件冒泡时捕获事件，但是很难知道在您的情况下该事件是否可以正常工作而又看不到更多的html。使用循环和addEventListener的示例：

const links = document.querySelectorAll('a');

for (let link of links) {
  link.addEventListener('click', (event) => {
    // your click function here
  });
}

如何结合多个onclick动作？

1 个答案: