js同一标签绑定多事件的方式

最新推荐文章于 2023-03-30 20:55:52 发布

kloumb

最新推荐文章于 2023-03-30 20:55:52 发布

阅读量965

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/kloumb/article/details/100039295

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquery同一标签绑定多个事件的几种方式
①$(document).ready(function(){
$("button").bind({
click:function(){},
mouseover:function(){},
mouseout:function(){};
});
});

②$(function(){
$('#btn').bind("click",function(){

})，bind("click",function(){

}),bind("click",function(){

});
});

③为元素一次性绑定多个事件类型
$(function(){
$("div").bind("mouseover mouseout",function(){

});
});

// 前进
$('.layui-header').find('.forward-btn').bind({
    click:function() {
        window.history.forward();
    },
    mouseover:function() {
        layer.tips('前进', $(this), {
            tips: [1, '#3595CC'],
            time: 4000
        });
    },
    mouseout:function() {
        layer.closeAll();
    }
});

// 后退
$('.layui-header').find('.back-btn').bind({
    click:function() {
        window.history.back();
    },
    mouseover:function() {
        layer.tips('后退', $(this), {
            tips: [1, '#3595CC'],
            time: 4000
        });
    },
    mouseout:function() {
        layer.closeAll();
    }
});

// 刷新
$('.layui-header').find('.refresh-btn').bind({
    click : function() {
        window.location.reload();
    },
    mouseover:function() {
        layer.tips('刷新', $(this), {
            tips: [1, '#3595CC'],
            time: 4000
        });
    },
    mouseout:function() {
        layer.closeAll();
    }
});