將onclick事件動態添加到特定div和其他特定格式鏈接中的鏈接

Question

如何使用Jquery或普通JavaScript將onclick事件添加到某個div中的所有鏈接。我有一個名爲canvas0_0的div，我有這樣的鏈接：<a href="some-uri.htm">Open Popup</a>。我需要添加需要的事件看起來像下面：

onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'label',o,true]);" 

取而代之的標籤，我需要爲這是唯一的，而拉動的鏈接或圖片名稱的方式。

我也需要這樣做的任何鏈接以.pdf或.zip結尾，內部或外部div。

感謝

Answer 1

也許你可以使用href值，而不是標籤，所以你可以跟蹤更準確的鏈接點擊。

在這裏，選擇器處理點擊您位於canvas0_0 div內的鏈接以及所有以.pdf和.zip結尾的鏈接。請注意，如果您有一些以.pdf或.zip結尾的鏈接，則應考慮添加一個stopImmediatePropagation（）以避免事件的激發。

$(function(){ 
    $("#canvas0_0 a, a[href$='.pdf'], a[href$='.zip']").click(function() { 
     _gaq.push(['_trackEvent', 'banner', 'click', $(this).attr('href'),o,true]); 
    }); 
}); 

Answer 2

這裏是你如何能在第一組鏈接做到這一點：

$("#canvas0_0 a[href$='.htm']").click(function() { 
    _gaq.push(['_trackEvent', 'banner', 'click', 'label',o,true]); 
}); 

對於.pdf或.zip結束一切：

$("a[href$='.pdf'], a[href$='.zip']").click(function() { 
    _gaq.push(['_trackEvent', 'banner', 'click', 'label',o,true]); 
}); 

Answer 3

類添加到您的DIV （例如<div class="click_track" ...> ... </div>

否w ^你jQuery來處理的div的，點擊看起來是這樣的：

$(document).ready(function() 
{ 
    $('.click_track').click(function() 
    { 
     // handle click here 
    }); 
});