JavaScript ondblclick 事件

JavaScript ondblclick 事件是 JavaScript event 事件的其中一種，其功能與 onclick 事件類似，最大的不同在於 ondblclick 必須當使用者雙擊網頁元素才能觸發事件，單擊是不會有效果的，感覺就像是在作業系統上，單擊一個資料夾代表選擇該資料夾，雙擊資料夾則代表開啟，同樣的效果搬到網頁上，就可以用 ondblclick 來製作，所有主流的瀏覽器都支援 ondblclick 事件效果。

JavaScript ondblclick 事件語法

ondblclick = " 要執行的 javascript function "

ondblclick 事件的主要功能與其他 JavaScript event 一樣，都是用來監聽使用者的使用行為，當使用者對特定元素產生雙擊的動作，則立即觸發預先準備好要執行的 function，接著就是 function 開始工作，而 ondblclick 功成身退。

JavaScript ondblclick 事件範例

範例輸出結果

請輸入您的名子：

假設隨便填入一個名字，雙擊範例的按鈕就會觸發 ShowName 這個函數，透過 DOM 的 document.getElementById 方法取得剛剛填入的名子，並跳出對話視窗告訴我們填入的內容，這只是一個簡單的範例，採用在按鈕（button）安插 ondblclick 事件來說明，其實 ondblclick 事件不只是可以放在表單元素，還可以放在網頁中的其他元素，例如 DIV 區塊、span 區域、img 標籤 ... 等，應用範圍很廣泛。

延伸閱讀