js函數中onmousedown和onclick的區別和聯繫探討_基礎知識

這兩個事件很常見。
了解這兩個事件的區別，但是實際上並沒有使用到這兩個事件的區別去做一些操作。
通常使用onclick的時候也可以使用onmousedown，使用onclick的時候比較多。
今天碰到了非使用onmousedown不可的時候，故特此紀錄。

先說一下區別：onclick是在滑鼠點擊彈起之後觸發的事件。 onmousedown是在滑鼠按下之後觸發的事件。
簡單的說onclick = onmousedown onmouseup;
如果在某個地方按下滑鼠後移開滑鼠在另一個地方放開滑鼠會觸發onmousedown事件，但是onclick事件卻不會被觸發。
我們今天要實現的功能是點擊a標籤，切換到另一個頁面，在原始頁面關閉之前需要觸發一個函數。不是windowunload。
之前使用的是onclick事件，IE中測試無問題，但是在FF中測試發現，在頁面被銷毀之前還來不及執行這個函數。
如果使用onmousedown事件，雖然也沒有辦法保證該函數一定被執行，但是為該函數的執行爭取了一定的時間，因為跳轉是在滑鼠彈起之後執行的。

解決方法一：onclick="return test()"，當且僅當此函數傳回true之後才執行跳躍。這樣導致了一個新的問題。如果我們在test函數中執行了多執行緒程式或是新開啟執行緒的程式後，會先回傳true，跳轉，新開的執行緒就沒有執行。如下面的函數：

複製程式碼 程式碼如下:

function test()


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

return true;
}


我在1.html檔案中設定了，當1.html並沒有被完全渲染結束時，跳轉已經執行了。 new image函數也沒有保證已經被執行了。 使用單一執行緒執行函數時，可使用return test（）這種方法。 解決方法二：估計一下test函數的多執行緒函數的最長執行速度，加入執行時間為100.不在a標籤中使用跳轉。在test函數中使用setTimeout（location.href="1.html",100）來執行跳轉。