为什么我在 Firefox 中遇到 Asp:LinkBut​​ton 的 .Click() 事件错误？

Question

我试图在单击按钮时触发 click() 事件。

目前，这在 IE 中适用于我，但是我在 Firefox 中收到以下错误：

“link.click 不是一个函数”

我一直在谷歌上搜索有关此问题的信息，发现并非所有版本的 Firefox 都支持 .click 事件。

有人能够提供替代方案吗？代码如下：

<asp:LinkButton ID="ButtonNext" runat="server" CssClass="RemoveLinkStyle" TabIndex="1"></asp:LinkButton>
<table id="tblButtonNext" runat="server" cellpadding="0" cellspacing="0" class="pwbtn" onclick="ButtonClick(ButtonNext);" TabIndex="1" onmouseout="this.className='pwbtn';" onmouseover="this.className='pwbtnh';">
<tr>
    <td class="a1"></td>
    <td class="a2">
        <%= this.resourceManager.GetString("nextstep") %>
    </td>
    <td class="a3"></td>
    <td class="spacer"></td>
</tr>
</table>

function ExecuteLink(linkID)
{
    var link = document.getElementById(linkID);
    link.click();
}

function ButtonClick(linkID)
{
    PreNavigationScript();
    CallShowBlocker();
    ExecuteLink(linkID); 
}

Answer 1

我会为此使用 jQuery 。 jQuery 公开的 click 事件被设计为跨浏览器兼容，您可能会发现它的工作方式比您当前使用的更加一致。

然后你的方法将变成：（

 function ExecuteLink(linkID)
{
   $("#" + linkID).click();
}

你可能想检查 $(linkID) 是否也返回一个元素）

Answer 2

设置 CausesValidation="False" 将解决问题

Answer 3

如果您不使用 jQuery，那么您的替代方案是 Firefox 的相当 hacky 鼠标事件，例如

var evt = document.createEvent("MouseEvents"); 
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, 
false, false, false, 0, null); 
AnchorFieldObj.dispatchEvent(evt); 

按照 mozilla.dev.tech.dom

但是，另一种选择是调用处理按钮单击事件的函数。查看源代码并检查它是什么，它将类似于 __doPostback('ButtonNext',...); 并在您的 ExecuteLink() 函数中调用它。

Answer 4

我也尝试了Jquery的click()方法，但该事件从未被触发。

您可以直接访问 Linkbutton 生成的 javascript 方法：

__doPostBack('ctl00$MainContentPlaceholder$MyLinkButtonId',''); 

ASP-Linkbutton 被呈现到最终 HTML 代码中的输入字段和锚点。第一个参数是该输入字段的（客户端）名称。

Answer 5

只需将此代码片段添加到您的 .master 页或任何其他适当的页面中的 标记之前：

<script language="javascript" type="text/javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform;
if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
theform = document.aspnetForm;
}
else {
theform = document.forms["aspnetForm"];
}
theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</script>

将“aspnetForm”替换为您自己的代码片段。