html中滑鼠雙擊元素時觸發的事件屬性ondblclick

實例

當雙擊滑鼠按鈕時執行一段JavaScript：

<button ondblclick="copyText()">Copy Text</button>

瀏覽器支援

##IE

Firefox

Chrome

#Safari

Opera

##所有主流瀏覽器都支援ondblclick 屬性。 定義和用法ondblclick 屬性在滑鼠雙擊元素時觸發。 註解：ondblclick 屬性不適用下列元素：dde6fb694e6711ae5e6f381704c04ae4、71af07a0e88a1ac1ff73f855702ac153、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c 、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 或b2386ffb911b14667cb8f0f91ea547a7。

HTML 4.01 與 HTML5 之間的差異無。 語法

<element ondblclick="script">

屬性值

#############值######描述########### #script######發生ondblclick 時執行的腳本。 ###############最近專案中遇到了在同一DOM元素上需要加入 ###onclick### 和 ondblclick 2個###事件###，如果依照正常的方式加入處理，結果發現只會執行 onclick，  ######而不會執行 ondblclick；這時我們需要對2個事件的處理函數稍作處理就可以實現2個事件並存了，程式碼如下：# ##

<script type="text/javascript">  
  var clickTimer = null;  
   
  function _click(){  
      if(clickTimer) {  
          window.clearTimeout(clickTimer);  
          clickTimer = null;  
      }  
        
      clickTimer = window.setTimeout(function(){  
           // your click process code here  
           alert("你单击了我");  
      }, 300);  
  }  
  
   function _dblclick(){  
      if(clickTimer) {  
          window.clearTimeout(clickTimer);  
          clickTimer = null;  
      }  
        
     // your click process code here  
     alert("你双击了我");  
  }  
</script>  
  
<button onclick="_click();" ondblclick="_dblclick();">单击或双击我</button>

以上是html中滑鼠雙擊元素時觸發的事件屬性ondblclick的詳細內容。更多資訊請關注PHP中文網其他相關文章！