主动触发事件 自定义事件 trigger 及其用法
2024-10-17 00:48:35
1. 触发自定义事件方式
js、jq
2. jq 触发
2.1 默认支持的事件
$('#h').on('click',function(){
$(this).append('<p>p</p>')
})
$('#h').trigger('click');
$('#h').click();
2.2 自定义事件
$('#h').on('myclick',function(){
$(this).append('<p>p</p>')
})
$('#h').trigger('myclick');
3. js 触发
// 首先需要提前定义好事件，并且注册相关的EventListener
var myEvent = new CustomEvent('event_name', {
detail: {
title: 'This is title!'
},
});
window.addEventListener('event_name', function (event) {
console.log('得到标题为：', event.detail.title);
});
// 随后在对应的元素上触发该事件
setInterval(function () {
if (window.dispatchEvent) {
window.dispatchEvent(myEvent);
} else {
window.fireEvent(myEvent);
} }, 1000);
4. 相关文章
最新文章
- Windows Server 2012 NIC Teaming介绍及注意事项
- Log4Net记录日志的使用
- dedecms功能性函数封装(XSS过滤、编码、浏览器XSS hack、字符操作函数)
- Xcode开发工具问题
- 【读书笔记】iOS网络-使用推送通知
- IOS之UI--小实例项目--综合使用
- 远程办公《Remote》读书笔记：中国程序员在家上班月入过六万不是梦
- hiho_1079_离散化
- Java并发编程（二）线程任务的中断（interrupt）
- cocos2d-x的经历（含源码——）
- springboot(十一)：Spring boot中mongodb的使用
- Python运维开发基础-概述-简介
- MySQL学习笔记(二)：MySQL数据类型汇总及选择参考
- 让你高效的理解JavaScript中的同步、异步和事件循环
- 基于Three.js的360度全景--photo-sphere-viewer--简介
- java实现点击图片文字验证码
- mssql 怎么配置指定的表 不允许删除数据？
- layui 提交表格不验证
- Python_datetime模块
- java中main函数的String[] args