首页 > 其他 > 详细

主动触发事件 自定义事件 trigger 及其用法

时间:2019-03-21 21:03:14      阅读:134      评论:0      收藏:0      [点我收藏+]

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);
View Code

 

4. 相关文章
 
 
 
 
 
 
 

 

主动触发事件 自定义事件 trigger 及其用法

原文:https://www.cnblogs.com/justSmile2/p/10574071.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!