利用 jQuery 做點擊前確認

網頁常常需要做點擊前確認，例如檢查連結到其他網站，或是多一次確認，或是如上圖的提醒等，都可以用 jQuery 的 Selector 的 Attribute Filters 來完成。

首先利用 $("a[href$=pdf]") 將連結找出來，$=代表最後的字是 pdf，再用 bind 將 click 的確認 confirm 功能加上去，這樣就完成。

程式碼：

$("a[href$=pdf]").bind(
'click',
function(event){
return confirm("PDF檔案很大，確定要下載?");
});

如果要檢查是否外部網址，可以考慮用a[href^=http://]來完成。或是加上跳出新視窗 attr("target","_blank")的功能等等。

最近 jQuery 1.3 已經出來了，有興趣的人可以進一步參閱下面連結。

1. jQuery: » jQuery 1.3 and the jQuery Foundation
2. jQuery 1.3來了!! - 黑暗執行緒
3. jQuery 1.3 at Gea-Suan Lin’s BLOG