在前端開發中，JavaScript的事件監聽和執行是非常重要的。在用戶與頁面交互的過程中，各種事件會不斷地被監聽和響應，而事件執行完畢后，如何判斷呢？下面將結合實例詳細介紹。

在addEventListener中使用回調函數的方式，可以監聽事件執行情況。回調函數會在事件執行完畢后自動調用，我們可以在回調函數中進行判斷和操作。例如：

var ele = document.getElementById('test');
ele.addEventListener('click', function(){
console.log('事件已執行完畢');
});

上述代碼中，點擊id為test的元素后，會在控制臺輸出‘事件已執行完畢’的信息，從而判斷事件是否執行完成。如果需要判斷多個事件是否執行完成，可以使用計數器的方式。例如：

var ele1 = document.getElementById('test1');
var ele2 = document.getElementById('test2');
var count = 0;
ele1.addEventListener('click', function(){
console.log('事件1已執行完畢');
count++;
if(count === 2){
console.log('所有事件已執行完成');
}
});
ele2.addEventListener('click', function(){
console.log('事件2已執行完畢');
count++;
if(count === 2){
console.log('所有事件已執行完成');
}
});

上述代碼中，需要監聽的事件分別綁定在id為test1和test2的元素上，通過計數器的方式，來判斷事件是否執行完畢。

另外，在某些情況下，事件監聽不一定能夠準確判斷事件是否執行完成，因為可能會有異步操作導致事件無法正確判斷。例如，在Ajax請求中，數據的異步返回可能會影響事件的執行。如何解決這個問題呢？可以通過Promise對象的方式來實現判斷。例如：

function Ajax(url){
return new Promise(function(resolve, reject){
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
resolve(xhr.responseText);
}
};
xhr.onerror = function(){
reject('Error');
};
xhr.send();
});
}
var ele = document.getElementById('test');
ele.addEventListener('click', function(){
Ajax('http://www.example.com').then(function(res){
console.log(res);
console.log('事件已執行完畢');
}).catch(function(err){
console.log(err);
});
});

上述代碼中，在點擊id為test的元素后，瀏覽器向http://www.example.com發送了一個get請求，并通過Promise對象的方式進行判斷事件是否執行完成。如果異步請求返回，那么Promise對象返回的then方法會被調用，從而判斷事件已經執行完成。

總之，在前端開發中，如何正確地判斷JS事件是否執行完成，需要根據實際情況來選擇合適的方式。大家可以多使用上述方法來進行開發。