&

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

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

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

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

<HTML>

<HEAD>

<TITLE> javascript 實(shí)現(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" >

點(diǎn)擊一下看看結(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)文章

正在查詢...

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

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

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

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