實例 當雙擊滑鼠按鈕時執行一段JavaScript：Copy Text登入後複製瀏覽器支援##IEFirefoxChrome#SafariOpera##所有主流瀏覽器都支援ondblclick 屬性。 定義和用法ondblclick 屬性在滑鼠雙擊元素時觸發。 註解：ondblclick 屬性不適用下列元素：、、、、、 、<meta>、<param>、<script>、<style> 或<title>。 </table><p>HTML 4.01 與 HTML5 之間的差異<a href="http://www.php.cn/wiki/1449.html" target="_blank"></a>無。 <a href="http://www.php.cn/js/js-jspopular-guide-event.html" target="_blank"></a>語法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element ondblclick="script"></pre><div class="contentsignin">登入後複製</div></div><p>屬性值</p>#############值######描述########### #script######發生ondblclick 時執行的腳本。 ###############最近專案中遇到了在同一DOM元素上需要加入 ###onclick### 和 ondblclick 2個###事件###，如果依照正常的方式加入處理，結果發現只會執行 onclick， ######而不會執行 ondblclick；這時我們需要對2個事件的處理函數稍作處理就可以實現2個事件並存了，程式碼如下：# ##<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><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></pre><div class="contentsignin">登入後複製</div></div>
