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 這個函數,透過
DOM
的
document.getElementById
方法取得剛剛填入的名子,並跳出對話視窗告訴我們填入的內容,這只是一個簡單的範例,採用在按鈕(
button
)安插 ondblclick 事件來說明,其實 ondblclick 事件不只是可以放在
表單
元素,還可以放在網頁中的其他元素,例如
DIV
區塊、
span
區域、
img
標籤 ... 等,應用範圍很廣泛。
延伸閱讀