JavaScript dblclick 事件

admin發表於2018-08-14
JavaScript事件

當連續快速雙擊元素物件時會觸發此事件。

需要注意一點，如果連續的量詞滑鼠點選時間過長，就會變成了兩次對立的滑鼠單擊事件。

關於事件處理函式註冊，可以參閱如何註冊事件處理函式一章節。

瀏覽器支援:

（1）.IE瀏覽器支援此事件。

（2）.edge瀏覽器支援此事件。

（3）.火狐瀏覽器支援此事件。

（4）.Opera瀏覽器支援此事件。

（5）.谷歌瀏覽器支援此事件。

（6）.safria瀏覽器支援此事件。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css"> 
div{ 
  width:100px; 
  height:100px; 
  background-color:red; 
} 
</style> 
<script type="text/javascript"> 
window.onload=function(){ 
  var odiv = document.getElementById("ant");
  odiv.ondblclick = function () {
    this.style.backgroundColor="green"; 
  } 
} 
</script> 
</head> 
<body> 
<div id="ant"></div> 
</body> 
</html>

連續快速雙擊div元素，會將其背景顏色設定為綠色。

相關文章