首頁 > 開發者 > JavaScript
這兩個事件很常見。
瞭解這兩個事件的區別，但是實際並沒有使用到這兩個事件的區別去做一些操作。
通常使用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()
{
(new Image()).src="1.html";
window.open("1.html","_new");
//alert("ok");
return true;
}
我在1.html檔案中設定了<body onload="javascript:alert('ok')">，當1.html並沒有被完全渲染結束時，跳轉已經執行了。new image函數也沒有保證已經被執行了。
在使用單一線程執行函數時，可使用return test（）這種方法。
解決辦法二：估計一下test函數的多線程函數的最長執行速度，加入執行時間為100.不在a標籤中使用跳轉。在test函數中使用setTimeout（location.href="1.html",100）來執行跳轉。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
