Javascript是一種用途廣泛的編程語言，它可以被用于網頁、移動應用程序、桌面應用程序等領域。在網頁開發中，Javascript被廣泛應用于元素外點擊的處理，例如點擊頁面某個元素外部后隱藏元素或移除對話框等。

示例1：點擊元素外部隱藏下拉菜單

var dropdown = document.getElementById("dropdown");
document.onclick = function(event){
if(event.target !== dropdown){
dropdown.style.display = "none";
}
};

在這個例子中，我們獲取了一個下拉菜單的元素，并在頁面上設置了一個事件監聽器。當用戶點擊頁面上的任何元素時，我們都會檢查該元素是否是下拉菜單的一部分，如果它不是，我們就會將下拉菜單的樣式設為“none”，從而隱藏它。

示例2：點擊元素外部關閉正在運行的對話框

var modal = document.querySelector(".modal");
document.addEventListener("click", function(event){
if(event.target.closest(".modal-content")==null){
modal.style.display = "none";
}
});

在這個例子中，我們使用了一個現代的事件監聽器eventListener來偵聽整個文檔的任何點擊事件。我們檢查被點擊元素的目標，如果該元素的最近祖先不是要關閉的對話框的內部元素，我們就會將對話框隱藏。

示例3：點擊元素外部操作自定義HTML元素

var modal = document.querySelector(".custom-element-container");
document.addEventListener("click", function(event){
if(event.target.closest(".custom-element-class")){
// custom element code
}
});

在此示例中，我們使用類選擇器獲取自定義HTML元素。隨后，我們添加事件監聽器，以偵聽整個文檔的任何單擊事件。然后，我們檢查被單擊元素的目標，并且如果最近的祖先是我們選中的自定義元素，我們就會執行對自定義元素的操作。

總結

以上提供的示例僅僅是javascript元素外點擊的例子，該方法還有很多應用，有時我們需要使用Javascript來解決一些比較復雜的元素事件，如元素內部的視覺效果，樣式變化等，當前元素外點擊的事件處理在一些Web應用程序中變得越來越流行。