javascript - LinkBut​​ton，如何防止用 "asp:LinkButton"双击？或在第一次点击后禁用 "asp:LinkButton"

Question

我试图避免双击，即第一次点击可以通过 javascript 函数禁用 asp: LinkBut​​ton，所有这些都在 aspx 页面中.

我在前端方面经验不多，如果你能支持我，我会感谢你。

我尝试简单地使用:setAttribute, getElementById, attr:

<div class="modal-footer">
  <div class="btn-group" role="group">
    <asp:LinkButton ID="btnBringDataFlow" runat="server" CssClass="btn btn-danger" ToolTip="Cancel"
                    OnClick="btnBringDataFlow_Click" OnClientClick="preventDoubleClick()">Bring Data
    </asp:LinkButton>
    <asp:LinkButton ID="btnCancel" runat="server" CssClass="btn btn-primary" ToolTip="Cancel">Cancel</asp:LinkButton>
  </div>
</div>


<script type="text/javascript">
  function disabledLinkBringDataFlow() {

    document.getElementById('btnBringDataFlow').setAttribute("disabled", "");

    //document.getElementById("btnBringDataFlow").disabled = true;
  }
</script>  

我希望在第一次点击后禁用 asp: LinkBut​​ton 以避免重复执行该功能。

Answer 1

我认为，为了让您的 Javascript 方法通过 ID 获取元素，您需要将 ClientIDMode = "Static" 属性添加到您的 LinkBut​​ton 控件。默认情况下，服务器控件会向控件的 ID 值添加一些文本。

<asp:LinkButton ClientIDMode="Static" ID="btnBringDataFlow" runat="server" CssClass="btn btn-danger" ToolTip="Cancel" OnClick="btnBringDataFlow_Click" OnClientClick="preventDoubleClick()">Bring Data</asp:LinkButton>

如果您想了解有关 ClientIDMode 属性的更多信息，请参阅:ClientIDMode