快捷導(dǎo)航

js函數(shù)中onmousedown和onclick的區(qū)別和聯(lián)系探討

更新時間：2013年05月19日 15:20:32 作者：

了解這兩個事件的區(qū)別，但是實(shí)際并沒有使用到這兩個事件的區(qū)別去做一些操作，通常使用onclick的時候也可以使用onmousedown，使用onclick的時候更多一些

這兩個事件很常見。
了解這兩個事件的區(qū)別，但是實(shí)際并沒有使用到這兩個事件的區(qū)別去做一些操作。
通常使用onclick的時候也可以使用onmousedown，使用onclick的時候更多一些。
今天碰到了非使用onmousedown不可的時候，故特此記錄。

先說一下區(qū)別：onclick是在鼠標(biāo)點(diǎn)擊彈起之后觸發(fā)的事件。onmousedown是在鼠標(biāo)按下之后觸發(fā)的事件。
簡單的說onclick = onmousedown + onmouseup;
如果在某個地方按下鼠標(biāo)后移開鼠標(biāo)在另外一個地方松開鼠標(biāo)會觸發(fā)onmousedown事件，但是onclick事件卻不會被觸發(fā)。
我們今天要實(shí)現(xiàn)的功能是點(diǎn)擊a標(biāo)簽，切換到另外一個頁面，在原頁面關(guān)閉之前需要觸發(fā)一個函數(shù)。不是windowunload。
之前使用的是onclick事件，IE中測試無問題，但是在FF中測試發(fā)現(xiàn)，在頁面被銷毀之前還沒有來得及執(zhí)行這個函數(shù)。
如果使用onmousedown事件，雖然也沒有辦法保證該函數(shù)一定被執(zhí)行，但是為該函數(shù)的執(zhí)行爭取了一定的時間，因為跳轉(zhuǎn)是在鼠標(biāo)彈起之后執(zhí)行的。

解決辦法一：onclick="return test()"，當(dāng)且僅當(dāng)當(dāng)該函數(shù)返回true之后才執(zhí)行跳轉(zhuǎn)。這樣導(dǎo)致了一個新的問題。如果我們在test函數(shù)中執(zhí)行了多線程程序或者新開線程的程序后，會先返回true，跳轉(zhuǎn)，新開的線程就沒有被執(zhí)行。如下面的函數(shù)：

復(fù)制代碼代碼如下:

 
function test() 
{ 
(new Image()).src="1.html"; 
window.open("1.html","_new"); 
//alert("ok"); 
return true; 
} 

我在1.html文件中設(shè)置了<body onload="javascript:alert('ok')">，當(dāng)1.html并沒有被完全渲染結(jié)束時，跳轉(zhuǎn)已經(jīng)執(zhí)行了。new image函數(shù)也沒有保證已經(jīng)被執(zhí)行了。
在使用單一線程執(zhí)行函數(shù)時，可使用return test（）這種方法。

解決辦法二：估計一下test函數(shù)的多線程函數(shù)的最長執(zhí)行速度，加入執(zhí)行時間為100.不在a標(biāo)簽中使用跳轉(zhuǎn)。在test函數(shù)中使用setTimeout（location.href="1.html",100）來執(zhí)行跳轉(zhuǎn)。

您可能感興趣的文章: