Fatal编程技术网
  • javascript/
  • 我可以使用javascript之类的东西组合两个html按钮及其onclick方法吗？

我可以使用javascript之类的东西组合两个html按钮及其onclick方法吗？

javascript jquery html

我可以使用javascript之类的东西组合两个html按钮及其onclick方法吗？,javascript,jquery,html,Javascript,Jquery,Html,不必修改Html，我可以将两个按钮组合成一个按钮吗？当这个按钮被点击时，两个方法都可以被调用吗？这可以通过Javascript/JQuery实现吗？如果是，你会怎么做 换句话说，我可以隐藏一个按钮并在不更改html的情况下启动两个方法吗 <html> <div class="button"> <input type="button" onclick="method1();" id="1" value="Button1"/>

不必修改Html，我可以将两个按钮组合成一个按钮吗？当这个按钮被点击时，两个方法都可以被调用吗？这可以通过Javascript/JQuery实现吗？如果是，你会怎么做

换句话说，我可以隐藏一个按钮并在不更改html的情况下启动两个方法吗

<html> 
    <div class="button">
         <input type="button" onclick="method1();" id="1" value="Button1"/>
    </div>

     <div class="button">
         <input type="button" onclick="method2();" id="2" value="Button2"/>
     </div>
</html>
编辑

根据Yardboy的评论，OP可能希望这样

$("#1, #2").click(function(){
   method1();
   method2();
   return false;
});
您可以向一个onclick属性添加两个方法调用

$(function(){
  $("#2").parent().hide();
  $("#1").click(function(){
     method1();
     method2();
     return false;
  });
});

这意味着如果html没有更改，其中一个方法将被调用两次，返回false并且每个函数只执行一次。或者一个
事件.preventDefault（）
，尽管这需要您传入事件对象。您是对的。不过，使用
unbind（）
会有所帮助。谢谢@超现实主义的建议比我每次点击都要取消绑定要好！非常感谢，这些东西对我来说是新的。定义你所说的“将两个按钮组合成一个按钮”是什么意思-你的意思是只隐藏一个按钮并在单击其余按钮时触发两个单击事件吗？是的，这就是我的意思。“不必修改Html” 
<div class="button">
     <input type="button" onclick="method1();method2();" id="1" value="Button1"/>
</div>