JavaScript語言作為前端開發的重要組成部分，在網頁相關的開發中扮演著重要的角色。而在JavaScript中有四種事件類型，分別是鼠標事件、鍵盤事件、表單事件以及窗口/文檔事件。接下來我們將具體介紹這四種事件類型的使用方法和代碼實現。

鼠標事件是觸發次數最高的事件類型，可以響應鼠標在HTML組件上的交互。其中最常見的有四種鼠標事件類型，分別是單擊事件、雙擊事件、鼠標移動事件和滾動事件。

//單擊事件
element.addEventListener('click', function(event) {
console.log('hello!');
});
//鼠標移動事件
element.addEventListener('mousemove', function(event) {
console.log('移動到了新的位置：' + event.clientX + ', ' + event.clientY);
});

鍵盤事件可以響應鍵盤在HTML組件上的交互。最常用的三種鍵盤事件類型是按鍵按下事件、按鍵釋放事件和按鍵長按事件。

//按鍵按下事件
element.addEventListener('keydown', function(event) {
console.log('你按下了鍵：' + event.key);
});
//按鍵釋放事件
element.addEventListener('keyup', function(event) {
console.log('你釋放了鍵：' + event.key);
});

表單事件可以響應用戶在HTML表單里的交互，如輸入框獲得焦點、表單提交、輸入框輸入完成等事件。最常見的兩種表單事件類型是表單提交事件和輸入框輸入事件。

//表單提交事件
element.addEventListener('submit', function(event) {
event.preventDefault();
console.log('表單已提交');
});
//輸入框輸入事件
element.addEventListener('input', function(event) {
console.log('輸入框輸入內容為：' + event.target.value);
});

窗口/文檔事件可以響應瀏覽器窗口或者文檔的交互。其中最常見的兩種窗口/文檔事件類型是文檔加載事件和窗口大小變化事件。

//文檔加載事件
window.addEventListener('load', function(event) {
console.log('文檔已加載');
});
//窗口大小變化事件
window.addEventListener('resize', function(event) {
console.log('窗口大小變化為：' + window.innerWidth + ', ' + window.innerHeight);
});

以上便是JavaScript中四種事件類型的詳細介紹。在實際開發中，我們可以根據不同的需求選擇不同類型的事件來響應用戶的操作，從而實現更加豐富和互動性的瀏覽器交互體驗。