两个 onClick 动作一个按钮答案

【问题标题】：Two onClick actions one button两个 onClick 动作一个按钮
【发布时间】：2012-05-19 15:31:00
【问题描述】：

有人知道一个巫师的把戏让它起作用吗？

<input type="button" value="Dont show this again! " onClick="fbLikeDump();" onclick="WriteCookie();" />

PS：我在 .js 文件中使用它。

【问题讨论】：

标签： javascript html

【解决方案1】：

其他属性（在本例中为第二个onClick）将被忽略。因此，它不会同时调用onclick 和fbLikeDump(); 和WriteCookie();，而是只调用fbLikeDump();。要解决此问题，只需定义一个 onclick 属性并在其中调用两个函数：

<input type="button" value="Don't show this again! " onclick="fbLikeDump();WriteCookie();" />

【讨论】：

【解决方案2】：

给你的按钮一个像这样的 id：


<input id="mybutton" type="button" value="Dont show this again! " />

然后使用 jquery（使这个不显眼）并像这样附加点击操作：


$(document).ready(function (){
    $('#mybutton').click(function (){
       fbLikeDump();
       WriteCookie();
    });
});

（这部分也应该在你的 .js 文件中）

我应该提到您将需要页面上的 jquery 库，因此在结束正文标记之前添加这些：


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://PATHTOYOURJSFILE"></script>

在正文结束标记之前添加的原因是为了提高感知的页面加载时间

【讨论】：

【解决方案3】：

试试看：

<input type="button" value="Dont show this again! " onClick="fbLikeDump();WriteCookie();" />

也可以

<script>
function clickEvent(){
    fbLikeDump();
    WriteCookie();
}
</script>
<input type="button" value="Dont show this again! " onClick="clickEvent();" />

【讨论】：

【解决方案4】：

<input type="button" value="..." onClick="fbLikeDump(); WriteCookie();" />

【讨论】：