1:基本概念系统内发生的动作或发生的事情,系统会在事件出现时触发某种信号,提供一个自动加载某种动作的机制 。
var myButton = document.getElementById('button');myButton.onclick = function(){ alert('点击了button');}myButton = null;2:事件三要素
- 事件源(触发事件的元素也就是你是要对什么东西进行操作)
- 事件(事件的触发方式也就是你要做什么实现所要的交互效果)
- 处理函数(事件触发后要执行的代码也就是在事件进行后你要目标变成什么样子)
3:事件冒泡(DOM)
4:创建自定义事件var event = new Event('myEvent');/*var event = document.creatEvent('Event');event.initEvent('myEvent',true,true);*/myButton.addEventListener('myEvent',function(e){ debugger;},false);myButton.dispatchEvent(event);5:添加自定义数据var event = new CustomEvent('myEvent',{ 'detail':{ time: new Date().toLocalDateString();} });myButton.addEventListener('myEvent',function (e){ debugger;},false);myButton.dispatchEvent(event);
【JavaScript自定义事件】
推荐阅读
-
【极果】日本厂商发布了一款售价60元的蓝牙耳机,为方便在家办公使用
-
南非总统拉马福萨将出席第33届非盟首脑会议 并担任轮值主席国主
-
篮球小嗨已上线|8进4的过程中,广东队遇青年军广厦队,100%会被淘汰
-
中国防盗最成功古墓,上千件文物一件都没有丢,却留下30具盗墓者尸骸
-
-
-
-
蔓生活瑜伽:运动健身后,这6件事别忘了做,让你健身效果更好,身体更健康
-
-
红网邵阳站|甘为人梯,湖南机电职业技术学院宋洋:乐于奉献
-
综艺|《元气满满的哥哥》上线,杨洋又白又嫩,胡军吴奇隆颜值“缩水”
-
-
-
一角纸币两冠三冠什么意思,纸币2冠3冠是什么意思--
-
央视网■银保监会:2019年银行业新增人民币贷款17万亿元
-
-
-
『4g手机』最值得入手的华为4G手机,麒麟810+8GB+40W快充,从2199跌至1399
-
运动运动可以延缓衰老,但3种运动方法会适得其反!别傻傻坚持了
-
科技大本营|华为芯片迎来巨大转机,一巨头将为其生产,包含5nm芯片