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

Question

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

我有两个 div 和一个按钮(现在我有 2 个按钮，每个按钮对应一个 div)。每当按下这些按钮时，就需要执行 2 个 div。我只是不知道如何同时调用两个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 事件，但我只需要一个 onclick 来调用两个 div 的事件。

谢谢

Answer 1

制作一个同时处理两个 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');
};