點擊事件不適用於Chrome和FireFox，但在IE瀏覽器中正常工作

我希望用戶點擊表中的某個td來調用javascript函數，但它在IE中工作正常，但不能在Chrome和Firefox瀏覽器。點擊事件不適用於Chrome和FireFox，但在IE瀏覽器中正常工作

<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>

- 頁面的自下而上 -

<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>

來源

2014-01-09 Suresh Savage

你閉上你的td標籤？ – Jacob

是的，我關閉了td標籤@Jacob ... –

@Suresh Savage從你的腳本標記中取出：language ='javascript' –

這是一個壞主意，有內聯函數/樣式。考慮到你已經有一個ID爲你的TD：

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

來源

2014-01-09 13:43:26 Jacob

如果你想要去像jquery這樣的東西，這可能是一個更好的模型。我相信這個功能只是一個例子。這隻會觸發具有data-link-rel屬性的TD，並且它會搜索等效鏈接。

$(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/

來源

2014-01-09 14:11:21 Scott

有沒有人提到要使用jQuery？ – Jacob

點擊事件不適用於Chrome和FireFox，但在IE瀏覽器中正常工作

回答

相關問題