在 javaScript 中使用 onclick() 调用 2 个不同的 div

Question

我想知道如何在 JavaScript 中使用单个 Onclick() 函数调用两个不同的 div。

我有两个 div 和一个按钮（现在我有 2 个按钮，每个按钮对应一个 div）。每当按下这些按钮时，需要执行 2 divs。我只是不知道如何一次调用两个 div。

这里是示例代码。

<div id="scroll" style="position:relative; width:100px; height:40px;"></div>
<input type="button" name="" value="Scroll" onclick="zxcTextScroller.Scroll('scroll');" />
<div id="scroll2" style="position:relative; width:100px; height:40px;"></div>
<input type="button" name="" value="Scroll" onclick="zxcTextScroller.Scroll('scroll2');" />

如何通过一个Onclick事件来控制这两个div？我正在使用两个 Onclick 事件，但我只需要一个调用两个 div 的 onclick。

谢谢

Answer 1

只需在 onclick 属性中调用该函数两次，一次用于 'scroll'，一次用于 'scroll2':

<div id="scroll" style="position:relative; width:100px; height:40px;"></div>
<div id="scroll2" style="position:relative; width:100px; height:40px;"></div>
<input type="button" name="" value="Scroll" onclick="zxcTextScroller.Scroll('scroll'); zxcTextScroller.Scroll('scroll2');">

但是你不应该使用 onclick 属性，而是像这样使用 addEventListener：

<div id="scroll" style="position:relative; width:100px; height:40px;"></div>
<div id="scroll2" style="position:relative; width:100px; height:40px;"></div>
<input type="button" name="" id="scrollerBtn" value="Scroll" />
<script>
    window.addEventListener('load', function (e) {
        var scrollerBtn = document.getElementById('scrollerBtn');
        scrollerBtn.addEventListener('click', function (e) {
             zxcTextScroller.Scroll('scroll');
             zxcTextScroller.Scroll('scroll2');
        });
    });
</script>

Answer 2

制作一个同时处理两个 div 的函数，让每个按钮都引用这个函数？类似于：

var handler = function( event ) {
    zxcTextScroller.Scroll(event.target.name);
};

<input type="button" name="scroll" value="Scroll" onclick="handler" />
<input type="button" name="scroll2" value="Scroll" onclick="handler" />

或者如果您希望函数始终滚动两个 div：

var handler = function() {
    zxcTextScroller.Scroll('scroll');
    zxcTextScroller.Scroll('scroll2');
};

在 javaScript 中使用 onclick() 调用 2 个不同的 div

Calling 2 different divs using onclick() in javaScript

html

javascript

onclick