点击一个按钮 分别触发两个事件
<button type="button">点击</button>
点击第一次的时候
$("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了。所以不是最佳的)
<button type="button" οnclick="A() B()">点击</button>
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,
点击一次触发两个事件
在他的父类上定义一个事件,它上面定一个事件,点击时会先触发他自己的事件再去执行父类的事件。利用了冒泡事件来写
<p οnclick="A()">
<button id="button1" class="mui-btn mui-btn-block" style="position:absolute;bottom:20%;" οnclick="B()">dddddd</button>
function A(){alert(1);}
function B(){alert(2);}