jQuery事件3——trigger触发事件

最新推荐文章于 2023-06-17 17:25:15 发布

桃花扇J

最新推荐文章于 2023-06-17 17:25:15 发布

阅读量379

点赞数 1

分类专栏： jQuery 文章标签： javascript jquery

本文链接：https://blog.csdn.net/weixin_44584442/article/details/104768135

版权

jQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

作用：触发事件，可传参数为事件类型（包括自定义事件）和传递给事件处理程序的额外数组参数

【例1】传事件类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            line-height: 100px;
            background-color: darkcyan;
            text-align: center;
            color: #fff;
        }
    </style>
</head>
<body>
    <div></div>
</body>
<script src="./jquery.js"></script>
<script>
    $('div').on('click',function () {
        $(this).text('桃花扇');
    })
    $('div').trigger('click');
</script>
</html>

结果：无需点击触发事件，trigger触发了点击事件

【例2】传自定义事件

$('div').on('addText',function () {
    $(this).text('桃花扇');
})
$('div').trigger('addText');

结果同上

【例3】传自定义事件+数组

$('div').on('addText',function (e,a,b,c) {
    $(this).text(a + b + c);
})
$('div').trigger('addText',['桃','花','扇']);

结果同上

桃花扇J

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery事件3——trigger触发事件

作用：触发事件，可传参数为事件类型（包括自定义事件）和传递给事件处理程序的额外数组参数【例1】传事件类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...
复制链接

扫一扫