禁用LinkBut​​ton不會禁用javascript中的單擊事件

Question

我想在客戶端站點上禁用LinkButton碰撞。

objLinkButton.disabled = true; 
// or 
objLinkButton.disabled = -1; 

這將禁用鏈接，但我仍然可以單擊鏈接並執行PostBack。

有什麼辦法可以禁用鏈接。

代碼：

<asp:linkbutton id="xyz" runat="server" 
       onClick="javascript:LinkDisable(this)" ></asp:linkbutton> 

這使得作爲不回發...我打開的頁面上回發在新窗口中的鏈接。 我想要做的是......當我第一次點擊鏈接時，它會打開一個新頁面，然後它將禁用鏈接。

我做什麼..這環節的onClick我有一個JavaScript函數..這是這樣的..

在LinkDisable ...

function LinkDisable(obj) 
{ 
obj.disabled = -1; 
obj.href = '#'; 
//Cant return false from here.. otherwise it wont postback... 
} 

當我做到這一點。鏈接變灰了......但我仍然可以點擊它。我想阻止用戶第二次點擊它。

任何幫助表示讚賞。

Answer 1

發現解決方案的傢伙......這些JavaScript解決方案將工作，但如果刷新頁面......它將清除變量。

所以這就是正確的有錯誤..

發現使用「用戶數據」的解決方案... IE瀏覽器會話的數據......它真的很酷。

結帳此鏈接：http://www.eggheadcafe.com/articles/20010615.asp

Answer 2

這是一個基於您發佈的評論的編輯，允許在第一次點擊後遵循linkbutton，否則不會。

要允許第一次點擊鏈接，但不能在此之後，在頁面上創建一個變量以跟蹤點擊。

var clicked = 0; 

由於產生了LinkBut​​ton在前端的HREFs，你可以如果你想在某些情況下頁面加載後做爲此

<a href="#" OnClientClick="return false"></a> 

的OnClientClick是特定於.NET

只有：

<a href="" id="linkbutton"> 

var linkbutton = document.getElementById("linkbutton"); 
linkbutton.onclick = function(){ 
    if(clicked != 0){ 
     //if other than 0, not followed 
     return false; 
    } 
    else{ 
     //link is followed here since it's the first time it's being clicked and clicked value = 0 
     clicked = clicked + 1; 
    } 
} 

Answer 3

使用jQuery，你可以在瀏覽器無關的替換href或通過添加一個單擊處理程序來搶佔和停止正在遵循的鏈接。

$('#objLinkButton').attr('href','#').addClass('disabled-link'); 

或

$('#objLinkButton').click(function() { return false; }) 
        .addClass('disabled-link'); 

凡disabled-link類有一些CSS改變鏈接的外觀，使其看起來禁用視覺。

請注意，如果此控件位於命名容器（如GridView或UserControl）中，則必須使用id上的「ending with」選擇器來引用該名稱。

$('id$="objLinkButton"')... 

編輯：基於您的更新。試試這個：

var code = null; 
$(document).ready(function() { 
    var button = $('#objLinkButton'); 
    code = button.attr('href').replace(/javascript:/,''); // save postback function 
    button.attr('href','#'); // replace postback function 
    button.click(function() { 
     $(this).unbind('click'); // get rid of click handler so it only fires once 
     if (code) { // if link hasn't been used 
      eval(code); // do post back 
     } 
    }); 
}); 

Answer 4

禁用鏈接（並使其像普通文本），而無需使用jQuery的最簡單的方法是刪除它href完全屬性。

例如這裏是呈現鏈接：

<a id='link1' href="javascript:disableLink('link1');">Click me</a> 

而且需要的JavaScript：

function disableLink(id) { 
    document.all[id].removeAttribute('href'); 
}  

這在IE和Firefox對我的作品，但您可能希望做一些更廣泛的測試。

Answer 5

我建設上tvanfosson的答案。他使用jQuery的答案效果很好，但如果你有驗證器，它會讓事情變得糟糕。這裏有：

var code = null; 
$(document).ready(function() { 
    var button = $('#SubmitPaymentLnkBtn'); 
    code = button.attr('href').replace(/javascript:/, ''); 
    button.attr('href', '#'); // replace postback function 
    button.click(function() { 
     if (Page_ClientValidate('PaymentInfo')) { 
          // now only runs if above validationGroup is valid 
      $(this).unbind('click'); 
      if (code) { 
       $(this).addClass('disabled-btn'); 
       eval(code); // do post back 
      } 
     } 
    }); 
}); 

然後在你的標記中，一定要將ClientIDMode設置爲靜態。

<asp:LinkButton ID="SubmitPaymentLnkBtn" Text=" submit " runat="server" CssClass="BlackBgText" ValidationGroup="PaymentInfo" Font-Size="22px" onclick="SubmitPaymentLnkBtn_Click" ClientIDMode="Static" /> 

Answer 6

如果你想禁用linkbutton，只需使用下面的代碼。

標記

<asp:LinkButton ID="lnkButton" Text="Submit" runat="server"> 
</asp:LinkButton> 

C＃代碼

this.lnkButton.Attributes.Add("disabled","disabled"); 

Answer 7

試試這個。最簡單的例子

<asp:LinkButton ID="LinkButton6" runat="server" disabled="disabled" OnClientClick="return false;"> Test Button</asp:LinkButton>