隨著web應用的發展，前端技術也不斷進步，javascript成為了前端開發的重要技術之一。其中，事件是javascript中最重要的一部分，它可以讓網頁有更豐富的交互效果。今天我們主要聊聊在網頁中使用事件來控制多個div的實現方法。 首先，我們需要知道，網頁中的div是可以通過id或class進行選擇的。假如我們有兩個div，它們的id分別是“box1”和“box2”。那么在javascript中，我們可以這樣選擇它們：

var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");

通過上述代碼，我們就可以獲取到這兩個div的對象，進而對其進行操作。比如，我們可以控制它們顯示或隱藏：

box1.style.display = "none"; // 隱藏box1
box2.style.display = "block"; // 顯示box2

接下來，我們需要了解javascript中的事件。事件就是在某個操作發生時，會觸發的動作。比如，當我們點擊某個按鈕時就會觸發click事件。在javascript中，可以通過addEventListener來綁定事件，舉例如下：

box1.addEventListener("click", function() {
alert("你點擊了box1");
});

上述代碼表示，在box1被點擊時，瀏覽器會彈出一個提示框，顯示“你點擊了box1”。同樣，我們也可以綁定其他的事件，比如鼠標移動：

box2.addEventListener("mousemove", function() {
console.log("鼠標移動到了box2");
});

通過console.log輸出信息，可以在瀏覽器的開發者工具中查看信息。 當我們有多個div需要操作時，可以將事件綁定到它們的父元素上，再通過事件對象(event)的target屬性獲取到被點擊的div。舉例來說，假如我們有一個父div(id為“parent”)，下面有兩個子div(分別為“child1”和“child2”)，我們需要在子div被點擊時進行操作。

var parent = document.getElementById("parent");
parent.addEventListener("click", function(event) {
if(event.target.id == "child1") {
alert("你點擊了child1");
}
if(event.target.id == "child2") {
alert("你點擊了child2");
}
});

上述代碼將click事件綁定到了父div上，通過event.target.id判斷被點擊的div是哪個，再進行不同的操作。 需要注意的是，如果某個子div有自己綁定的事件，那么在父div中觸發該事件時也會同時觸發子div的事件。此時，可以通過event.stopPropagation()方法來阻止事件的冒泡傳遞。比如：

var child1 = document.getElementById("child1");
child1.addEventListener("click", function(event) {
alert("子div的click事件");
event.stopPropagation(); // 阻止事件冒泡
});

上述代碼表示，在點擊child1時，會彈出子div的事件提示，但由于阻止了事件冒泡，不再觸發父div的事件。 以上就是使用javascript事件來控制多個div的一些基本實現方法。當然，在實際開發中，我們還可以結合CSS動畫、jQuery等其他技術來實現更加豐富的交互效果。