首页 > 代码库 > Event对象和触发
Event对象和触发
1、构造:
//非IE浏览器事件构造方法
var event = document.createEvent(‘HTMLEvents‘);//‘HTMLEvents‘自定义事件名
//IE浏览器构造方法
var event = document.creatEventObject();
2、事件初始化
event.initEvent("oneating", true, true);
3个参数:事件类型,是否冒泡,是否阻止浏览器的默认行为
3、属性自己定义
event.mingzi = ‘hello,我是李小贱‘;
event.message = ‘我今天24岁‘;
4、绑定事件
document.addEventListener(‘oneating‘, function (event) {
alert(event.mingzi+‘,‘+event.message);
});
5、触发事件
document.getElementById(‘a‘).dispatchEvent(event);(非IE主流浏览器触发方法)
document.getElementById(‘a‘).fireEvent(‘on‘+event,evt);(IE浏览器触发方法)
例子:
var events = ‘touchstart touchend mousedown mouseup click‘.split(‘ ‘); var n = 0; // 开启定时器,每两秒钟为a标签触发相应事件 var timer = setInterval(function(){ var event = new Event(events[n]); document.getElementById(‘a‘).dispatchEvent(event); // 触发事件。 console.log(event.type); n++; if (n == events.length) { clearInterval(timer); } },2000);
Event对象和触发
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。