Google Chrome 中未触发 onclick 事件答案

【问题标题】：onclick event is not firing in Google ChromeGoogle Chrome 中未触发 onclick 事件
【发布时间】：2010-03-26 06:51:32
【问题描述】：

我正在尝试从 JavaScript 触发 asp.net 按钮单击事件。它在 IE 中运行良好，但相同的代码在 Chrome 上不起作用，请帮助我。这是js代码：

<script type= "text/javascript" language="javascript">
    var btnSave = document.getElementById('btnSave');
    btnSave.click();
    alert("The changes are saved sucessfully!!"); 
</script>

请帮帮我

【问题讨论】：

你确定没有id冲突吗？即具有相同 id 的两个元素。
我将 var btnSave 更改为 var btn，即使它在 chrome 上不起作用
既然你说它是一个 asp:button 是否有任何回发发生？
当我在 IE 上浏览 Web 应用程序并对其进行调试时，该应用程序得到了回复，当我在 chrome 上尝试它时它不起作用

标签： javascript asp.net google-chrome dom-events

【解决方案1】：

我希望我不会在这里混淆你......让我试着列出......

按钮是一个 asp:button
事件点击是从javascript触发的
触发点击事件后会发出警报

控制将如何流向警报线？一旦点击事件被触发，一个回发过程就会开始，因为它是一个 asp 按钮......

【讨论】：

【解决方案2】：

编辑

由于这是一个 ASP.NET 按钮..您需要解析客户端 ID。

你的代码应该是

<script type= "text/javascript" language="javascript">
var btnSave = document.getElementById('<%= btnSave.ClientID %>');
btnSave.click();
alert("The changes are saved sucessfully!!");

【讨论】：

是的，按钮 id 是 btnSave。它不适用于 Chrome。保存按钮位于更新面板内。有什么区别吗？
@user48545:谢谢，我改了代码，还是不行。请在 click() 后评论警报，并在 chrome 上尝试，它不起作用

【解决方案3】：

click() 是一种仅支持在脚本中模拟事件的 IE 方法。它不适用于 mozilla (firefox) 或 webkit (chrome, safari)。

您是否尝试过用鼠标实际单击元素？

【讨论】：

@Angus Croll：好的。我正在解释我的场景，我的页面上有一个保存按钮（.aspx）。有一次它是用鼠标单击的。在某些逻辑中，我需要通过 java 脚本来完成。我的代码， var btn = document.getElementById(''); btn.click();正如您提到的，它不适用于 chrome 它在 mozilla (firefox) 或 webkit (chrome, safari) 中不起作用。那么我将如何在 chrome 中做同样的事情？

【解决方案4】：

试试这个

 <script type= "text/javascript" language="javascript">
    var btnSave = document.getElementById('<%= btnSave.ClientID %>');
    if(jQuery.browser.msie )
    {
        btnSave.click();
    }
    else
    {
        eval("<% =Page.ClientScript.GetPostBackEventReference(btnSave,string.Empty)%>");
    }
    alert("The changes are saved sucessfully!!");

【讨论】：