<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

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

      [摘要]實例當雙擊鼠標按鈕時執行一段 JavaScript:<button ondblclick="copyText()">Copy Text</button>瀏覽器支持IEFirefoxChromeSafariOpera所有主流瀏覽器都支持 ondblclic...

      實例

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

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

      瀏覽器支持


      IE

      Firefox

      Chrome

      Safari

      Opera


      所有主流瀏覽器都支持 ondblclick 屬性。

      定義和用法

      ondblclick 屬性在鼠標雙擊元素時觸發。

      注釋:ondblclick 屬性不適用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

      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中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清