两个onClick动作一个按钮

时间:2012-05-11 02:11:06

标签: javascript html

有人知道一个奇才技巧让它发挥作用吗?

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

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

4 个答案:

答案 0 :(得分:37)

将忽略其他属性(在本例中为第二个onClick)。因此,代替onclick同时调用fbLikeDump();WriteCookie();,它只会调用fbLikeDump();。要修复,只需定义一个onclick属性并调用其中的两个函数:

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

答案 1 :(得分: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();" />

答案 2 :(得分:1)

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

答案 3 :(得分:1)

为您的按钮添加如下内容:


<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>

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