实例 当双击鼠标按钮时执行一段 JavaScript：Copy TextSalin selepas log masuk浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 ondblclick 属性。定义和用法ondblclick 属性在鼠标双击元素时触发。注释：ondblclick 属性不适用以下元素：、、、、、、<meta>、<param>、<script>、<style> 或 <title>。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 与 HTML5 之间的差异</p><p>无。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">语法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element ondblclick="script"></pre><div class="contentsignin">Salin selepas log masuk</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">属性值</p><table><tbody><tr class="firstRow"><td width="112" valign="top" style="word-break: break-all;">值</td><td width="997" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="112" valign="top" style="word-break: break-all;">script</td><td width="997" valign="top" style="word-break: break-all;">发生 ondblclick 时运行的脚本。</td></tr></tbody></table><p>最近项目中遇到了在同一DOM元素上需要添加 <a href="http://www.php.cn/wiki/1449.html" target="_blank">onclick</a> 和 ondblclick 2个<a href="http://www.php.cn/js/js-jspopular-guide-event.html" target="_blank">事件</a>，如果按照正常的方式添加处理，结果发现只会执行 onclick， </p><p>而不会执行 ondblclick；这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了，代码如下：</p><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">Salin selepas log masuk</div></div>
