一个按钮触发两个事件

点击一个按钮 分别触发两个事件

点击第一次的时候
 $("button").click(function(){
  $("p").css({"background-color":"red","font-size":"200%"});
  });

在点击第二次的时候
 $("button").click(function(){
  $("p").css({"display":"none"});
  });


解决方案:

1111,如果只执行 一次某个函数,就可以用下面的方法,但是第二次就不知道怎么做了,因为你在下面写的click可能会覆盖第I一次的那个

第一次点击触发事件可以用one,把上面的第一个click改成one就可以啦.



2222,

如果两个事件不一样,第一次是点击,第二个是鼠标进入。则可以采用下面的方法:

$('button').bind({click: function() {// do something on click},mouseenter: function() {// do something on mouseenter}
});
3333,
利用js来写(这个有个毛病就是A的效果几乎看不到,直接就执行b了。所以不是最佳的

function A(){....}

function B(){....}



4444,

这个可能是最妥善的方法啦,定一个变量,当他为1时执行一个函数。不为1就执行另一个函数

var flag=1;

$("button").click(function() {
        if(flag==1){
            $(".mui-btn").css({"background-color":"red","font-size":"200%"});
            flag++;
        }
      else{
          alert(2);

    }


55555,

点击一次触发两个事件

在他的父类上定义一个事件,它上面定一个事件,点击时会先触发他自己的事件再去执行父类的事件。利用了冒泡事件来写


         


 function A(){alert(1);}
 function B(){alert(2);}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部