JavaScript 原生事件（Native Events）是指由瀏覽器本身創建的事件，這些事件是由用戶的交互行為觸發的。與自定義事件不同的是，原生事件不能被用戶代碼所創建，必須是在用戶與頁面上的元素交互時才會創建。

下面是一些常見的原生事件：

// 點擊事件
element.addEventListener('click', function() {
console.log('點擊！');
});
// 鼠標移入事件
element.addEventListener('mouseover', function() {
console.log('鼠標移入！');
});
// 鍵盤按下事件
document.addEventListener('keydown', function(event) {
console.log('鍵盤按下：' + event.key);
});

在上面的代碼中，我們調用了addEventListener方法來監聽原生事件。這個方法有兩個參數：要監聽的事件類型和事件處理函數。事件處理函數是一個回調函數，在事件觸發時執行。

另外，需要注意的是，原生事件只能被監聽一次。如果你想監聽同一事件類型的多個處理函數，可以在不同的元素上綁定它們。

除了常見的原生事件，還有一些比較特殊的事件，例如beforeunload事件。這個事件在用戶即將離開頁面時觸發，可以用來執行一些清理操作（例如保存數據）。注意，由于這個事件有濫用的風險，因此瀏覽器會彈窗詢問用戶是否要離開頁面。

下面是一個例子：

window.addEventListener('beforeunload', function(event) {
// 詢問用戶是否離開頁面
event.preventDefault();
event.returnValue = '';
});

在上面的代碼中，我們取消了默認的詢問彈窗，并設置了event.returnValue屬性。這個屬性在舊版瀏覽器中用來提示用戶是否要離開頁面，而在現代瀏覽器中已經失效。

除了監聽原生事件，我們還可以手動觸發它們。需要調用元素的dispatchEvent方法，將一個已創建的事件對象傳入。事件對象可以是通過Event構造函數創建的普通事件，也可以是由特定事件類構造函數創建的自定義事件。

下面是一個手動觸發原生事件的例子：

var element = document.querySelector('#my-element');
var event = new Event('click');
element.dispatchEvent(event);

在上面的代碼中，我們創建了一個click事件對象，并手動觸發了它。這個事件會被觸發在#my-element元素上。

JavaScript 原生事件是 Web 應用程序中最常用的交互方式。通過監聽它們，我們可以實現諸如表單驗證、動態顯示/隱藏元素、頁面導航等各種功能。掌握 JavaScript 原生事件的基本用法和特點是編寫 Web 應用程序的必要技能之一。