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 触发
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
// 首先需要提前定义好事件,并且注册相关的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. 相关文章