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