html中在鼠標(biāo)雙擊元素時(shí)觸發(fā)的事件屬性ondblclick
發(fā)表時(shí)間：2024-05-12 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]實(shí)例當(dāng)雙擊鼠標(biāo)按鈕時(shí)執(zhí)行一段 JavaScript：<button ondblclick="copyText()">Copy Text</button>瀏覽器支持IEFirefoxChromeSafariOpera所有主流瀏覽器都支持 ondblclic...
實(shí)例
當(dāng)雙擊鼠標(biāo)按鈕時(shí)執(zhí)行一段 JavaScript：
<button ondblclick="copyText()">Copy Text</button>
瀏覽器支持
IE
Firefox
Chrome
Safari
Opera
所有主流瀏覽器都支持 ondblclick 屬性。
定義和用法
ondblclick 屬性在鼠標(biāo)雙擊元素時(shí)觸發(fā)。
注釋：ondblclick 屬性不適用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
HTML 4.01 與 HTML5 之間的差異
無(wú)。
語(yǔ)法
<element ondblclick="script">
屬性值
| 值 | 描述 |
| script | 發(fā)生 ondblclick 時(shí)運(yùn)行的腳本。 |
最近項(xiàng)目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2個(gè)事件，如果按照正常的方式添加處理，結(jié)果發(fā)現(xiàn)只會(huì)執(zhí)行 onclick，
而不會(huì)執(zhí)行 ondblclick；這時(shí)我們需要對(duì)2個(gè)事件的處理函數(shù)稍作處理就可以實(shí)現(xiàn)2個(gè)事件并存了，代碼如下：
<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中在鼠標(biāo)雙擊元素時(shí)觸發(fā)的事件屬性ondblclick的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
