JavaScript ondblclick 事件

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

JavaScript ondblclick 事件語法

ondblclick = " 要執行的 javascript function "


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

JavaScript ondblclick 事件範例
<script language="javascript">
function ShowName(){
    alert('您的名子是: '+document.getElementById("MyName").value);
}
</script>
請輸入您的名子:<input type="text" id="MyName">
<input type="button" value="雙擊取得剛剛輸入的名子" ondblclick='ShowName()'>
範例輸出結果
請輸入您的名子:
假設隨便填入一個名字,雙擊範例的按鈕就會觸發 ShowName 這個函數,透過 DOMdocument.getElementById 方法取得剛剛填入的名子,並跳出對話視窗告訴我們填入的內容,這只是一個簡單的範例,採用在按鈕(button)安插 ondblclick 事件來說明,其實 ondblclick 事件不只是可以放在表單元素,還可以放在網頁中的其他元素,例如 DIV 區塊、span 區域、img 標籤 ... 等,應用範圍很廣泛。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C