On Click Event не работает в Chrome и FireFox, но отлично работает в браузерах IE

Question

Я хочу, чтобы пользователь щелкнул по td в таблице, чтобы вызвать функцию javascript, но работает отлично в IE, но не в браузера Chrome и Firefox.

<td id="tdMon" class="space15" style="cursor: pointer;" onclick="HandleClick1(this);"> 
    <div id="dvDay1" runat="server"> 
      <div class="booking-day"> 
      <asp:Label ID="lblDay1" runat="server" Text=""></asp:Label> 
      <asp:LinkButton ID="lnk1" runat="server" Text="" OnClick="lnk1_Click" CommandName="click" 
      CommandArgument=""></asp:LinkButton> 
      |&nbsp 
      <asp:Label ID="lblhr1" runat="server" Text="-- hr(s)" ForeColor="red"></asp:Label> 
     </div> 
     </div> 
</td> 

- bottow страницы -

<script language='javascript' type='text/javascript'> 
function HandleClick1(objTD) { 
      var lnk = objTD.getElementsByTagName("a"); 
      if (lnk[0].disabled == false) 
       document.getElementById('<%=btn1.ClientID %>').click(); 
      else 
       return false; 
     } 
</script> 

Answer 1

Это плохая идея, чтобы иметь встроенные функции/стили. Принимая во внимание, у вас уже есть идентификатор для TD:

function init(){ 
    document.getElementById('tdTue').onclick=function(){}; 
} 
window.onload=init; 

Answer 2

Если вы хотите пойти на что-то вроде JQuery, это, вероятно, лучшая модель. Я уверен, что эта функция была всего лишь примером. Это только вызывает щелчок на TD, у которых есть атрибут rel-link-rel, и он ищет эквивалентную ссылку.

$(function() { 
    $("table").on("click", "td[data-link-rel]", function() { 
     var linkRel = $(this).data("link-rel"), 
      selector = "a[data-link=" + linkRel + "]"; 
     $(selector).trigger('click'); 

    }); 

    $("a").on("click", function() { 
     $("<li> I clicked on " + $(this).text() + "</li>").appendTo('ul'); 
    }); 

}); 

JSFiddle с разметкой: http://jsfiddle.net/D8yg9/