狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

JS腳本:javascript 實現單擊和雙擊并存

admin
2014年2月24日 23:43 本文熱度 5759
在我們進行網頁開發的過程中經常會遇到這么一個問題,為一個鏈接注冊雙擊事件,或者讓一個按鈕或者其他元素上面同時注冊單擊或者雙擊事件,這時候我們發現網頁中的雙擊事件似乎永遠都不會起作用,原因是當我們點擊一次的時候,就被超鏈接或者單擊事件截獲了,本文描述了一個如何解決這個技術問題的具體方法。本解決方案的實現原理是,單擊事件和雙擊事件都調用同一個方法,我們根據兩次鼠標點擊的間隔事件來判斷到底是單擊還是雙擊事件。單擊事件來臨的時候先不調用,等一小段時間,過了這段時間,如果沒有下一次單擊來臨就開始調用單擊對應的操作,如果有下一次點擊就調用雙擊。
詳細描述請參加下面代碼清單:

<HTML>


<HEAD>


<TITLE> javascript 實現單擊和雙擊并存 </TITLE>


<META NAME=" Generator" CONTENT=" EditPlus" >


<META NAME=" Author" CONTENT=" http://www.javabiz.cn" >


<META NAME=" Keywords" CONTENT=" " >


<META NAME=" Description" CONTENT=" " >


</HEAD>


<BODY>


<SCRIPT LANGUAGE=" JavaScript" >


<!--


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" >


點擊一下看看結果:


</a>


</p>



<form>


<table>


<tr>


<td valign=" top" >


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


</td>


</tr>


<tr>


<td valign=" top" >


<input type=" Reset" >


</td>


</tr>


</table>


</form>


</BODY>


</HTML>


該文章在 2014/2/24 23:43:53 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved