,,

JS腳本:javascript 實現(xiàn)單擊和雙擊并存

admin

2014年2月24日 23:43 本文熱度 6182

在我們進行網(wǎng)頁開發(fā)的過程中經(jīng)常會遇到這么一個問題，為一個鏈接注冊雙擊事件，或者讓一個按鈕或者其他元素上面同時注冊單擊或者雙擊事件，這時候我們發(fā)現(xiàn)網(wǎng)頁中的雙擊事件似乎永遠都不會起作用，原因是當(dāng)我們點擊一次的時候，就被超鏈接或者單擊事件截獲了，本文描述了一個如何解決這個技術(shù)問題的具體方法。本解決方案的實現(xiàn)原理是，單擊事件和雙擊事件都調(diào)用同一個方法，我們根據(jù)兩次鼠標(biāo)點擊的間隔事件來判斷到底是單擊還是雙擊事件。單擊事件來臨的時候先不調(diào)用，等一小段時間，過了這段時間，如果沒有下一次單擊來臨就開始調(diào)用單擊對應(yīng)的操作，如果有下一次點擊就調(diào)用雙擊。
詳細描述請參加下面代碼清單：

<HTML>

<HEAD>

<TITLE> javascript 實現(xiàn)單擊和雙擊并存 </TITLE>

</HEAD>

<BODY>

<!--

var dcTime=250; // doubleclick time

var dcDelay=100; // no clicks after doubleclick

var dcAt=0; // time of doubleclick

var savEvent=null; // save Event for handling doClick().

var savEvtTime=0; // save time of click event.

var savTO=null; // handle of click setTimeOut

function showMe(txt) {

document.forms[0].elements[0].value += txt;

}

function handleWisely(which) {

switch (which) {

case " click" :

savEvent = which;

d = new Date();

savEvtTime = d.getTime();

savTO = setTimeout(" doClick(savEvent)" , dcTime);

break;

case " dblclick" :

doDoubleClick(which);

break;

default:

}

function doClick(which) {

if (savEvtTime - dcAt <= 0) {

return false;

}

showMe(" 單擊" );

}

function doDoubleClick(which) {

var d = new Date();

dcAt = d.getTime();

if (savTO != null) {

savTO = null;

}

showMe(" 雙擊" );

}

//-->

</SCRIPT>

<p>

<a href=" javascript:void(0)"

onclick=" handleWisely(event.type)"

ondblclick=" handleWisely(event.type)"

style=" color: blue; font-family: arial; cursor: hand" >

點擊一下看看結(jié)果：

</a>

</p>

<form>

<table>

<tr>

事件模式: <textarea rows=" 4" cols=" 60" wrap=" soft" > </textarea>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</BODY>

</HTML>

該文章在 2014/2/24 23:43:53 編輯過

關(guān)鍵字查詢

相關(guān)文章

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務(wù)都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。

日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

JS腳本:javascript 實現(xiàn)單擊和雙擊并存