jQuery事件3——trigger触发事件

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

【例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',['桃','花','扇']);

结果同上

jQuery事件3——trigger触发事件相关推荐

Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
html 自动触发事件,js自动触发事件自定义事件
在有些情况下,我们需要程序逻辑自动触发元素的事件,例如js提供了click(), form提供了reset(),submit()等方法!在jquery中提供了trigger()方法帮助我们自动触发事件 ...
jquery滚动条到底部触发事件
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)var nScrollTop = 0; //滚动到的当前位置var nDivHight = $("#hot ...
vue绑定键盘事件 ctrl+enter触发事件
公司项目(vue+element)有个需求,是在一个input输入内容后按下Enter键进行搜索查询,查询到得数据显示在表格,勾选表格的选中的数据进行提交(提交按钮的快捷键是Ctrl+Enter键盘) ...
html触发js参数怎么用,js 绑定带参数的事件以及手动触发事件
1.html代码标题一标题二标题三标题四 div> 内容一内容二内容三内容四 2 .js部分 var tab = document.getElementById("tab ...
oracle 触发器的种类和触发事件
触发器的种类和触发事件触发器必须由事件才能触发.触发器的触发事件分可为3类,分别是DML事件.DDL事件和数据库事件. 每类事件包含若干个事件,如下所示.数据库的事件是具体的,在创建触发器时要 ...
获取触发事件的元素的ID
有什么方法可以获取触发事件的元素的ID? 我在想类似的东西: <html><head><script type="text/javascript" s ...
oracle触发器触发事件,oracle 触发器的种类和触发事件
oracle触发器的种类和触发事件,DML触发器,DDL事件触发器,替代触发器,查看触发器触发器的种类和触发事件触发器必须由事件才能触发.触发器的触发事件分可为3类,分别是DML事件.DDL事件和 ...
layui使用tips_使用layer.tips实现鼠标悬浮时触发事件提示消息实现
代码: 你瞅啥!?过来试试! 方法一: function show(id) { layer.tips("左边么么哒", "#"+id+"", ...

jQuery事件3——trigger触发事件

jQuery事件3——trigger触发事件相关推荐

最新文章

热门文章