Javascript事件是對網頁上發生的各種交互動作做出響應的機制。尤其是在現代HTML網頁中，Javascript事件已經成為了一個必不可少的東西。比較典型的Javascript事件有：click, hover, submit, load, keydown等等。下面將通過舉例說明Javascript事件的使用。

首先，我們來看一個最簡單的例子：點擊一個按鈕，彈出一個消息框。下面是對應的HTML和Javascript代碼：

<button id="demo_button">點我一下</button>
<script>
var btn = document.getElementById("demo_button");
btn.addEventListener("click", function() {
alert("Hello World!");
});
</script>

可以看到，按鈕被點擊后會調用一個函數，該函數彈出一個消息框。這就是一個非常基本、最簡單的Javascript事件的例子。

再來看一個實際的例子。假設有一個頁面上有一張圖片的鏈接，但是我們希望鼠標指針在懸停在這個鏈接上時，鏈接周圍的邊框會有一定的樣式變化。下面是對應的HTML和Javascript代碼：

<a href="#" id="demo_link">
<img src="image.jpg">
</a>
<style>
a:hover {
border: 1px solid red;
}
</style>
<script>
var link = document.getElementById("demo_link");
link.addEventListener("mouseover", function() {
link.style.border = "1px solid red";
});
link.addEventListener("mouseout", function() {
link.style.border = "none";
});
</script>

可以看到，這個例子涉及到了兩個Javascript事件，即mouseover和mouseout。當鼠標指針移動到鏈接上方時，會觸發mouseover事件，我們在對應的函數中將鏈接周圍的邊框樣式改變。當鼠標指針離開鏈接時，會觸發mouseout事件，我們則將鏈接周圍的邊框樣式改回初始狀態。

最后，我們再來看一下一個更加實用的例子。假設我們有一個類似"下拉框"的交互，即用戶點擊按鈕時會 "展開" 一項列表供用戶選擇，以此來實現用戶選擇的功能。可以通過下面的HTML和Javascript代碼來實現：

<button id="demo_button">請選擇一個選項</button>
<ul id="demo_list" style="display:none;">
<li>選項一</li>
<li>選項二</li>
<li>選項三</li>
</ul>
<script>
var btn = document.getElementById("demo_button");
var list = document.getElementById("demo_list");
btn.addEventListener("click", function() {
if(list.style.display === "none") {
list.style.display = "block";
} else {
list.style.display = "none";
}
});
</script>

當我們點擊按鈕時，會觸發click事件，該事件會檢查列表當前的顯示狀態，并根據當前狀態來判斷應該是 "展開" 列表還是 "收起" 列表。這個例子中，實際上涉及了一些DOM操作和CSS樣式設置，同時也展現了Javascript事件的實際應用。

總之，Javascript事件是網頁中常用的一種交互動作響應機制，它可以通過一些簡單的調用來實現各種交互效果和功能。無論是對于基礎還是進階開發者而言，掌握Javascript事件都是十分重要的。