首頁  >  文章  >  web前端  >  html中滑鼠雙擊元素時觸發的事件屬性ondblclick

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

黄舟
黄舟原創
2017-11-06 09:49:405540瀏覽

實例

當雙擊滑鼠按鈕時執行一段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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn