JavaScript事件机制

//什么是事件 ----用户的所有操作行为
//添加事件,直接绑定onClick 通过节点node.fn = function(){};使用addEventListener
//node.addEventListerner('click',f1)(可以绑定多个事件)
//事件的传播 ---三个阶段 捕获 --- 目标---冒泡
//普通的事件会在冒泡阶段触发。
//当我们使用addEventListener()方法的时候他接受第三个参数 是一个布尔值默认为false
//表示在冒泡阶段触发,true表示在捕获阶段。
//注意--对于目标函数冒泡和捕获的意义不大,先绑定那个事件就先执行那个事件
//事件对象 ---- event
//在标签上添加的事件函数时,通过window.event获取事件对象
//通过DOM添加的事件函数时,获取事件对象的方式 
//node.onClick = function(event){console.log(event)}
//事件对象的一些常用功能 ---
//阻止事件默认行为,event.prenentDefault()
//阻止事件冒泡 , event.stopPropagation()
//获取当前元素的当前坐标 event.clientX、event.clientY event.offsetX、event.offsetY

//事件代理---事件委托
//由于事件会冒泡,所以可以把子节点的事件放在父节点上统一处理
//通过判断获取的事件对象来判断是哪一个元素

 

你可能感兴趣的:(javascript)