js注册事件
1.  元素.on+'事件名'=函数js获取子元素
（1） click点击事件
var ElementById('box')
console.log('box被点击了')
}
（2）.给a标签注册点击事件
<a id="box" href="#">点击</a>
<img id="img" src="./img01.jpg" alt="">
var ElementById('box')
var ElementById('img')
img.src='./img01.jpg'
// return  false;    //阻⽌a标签的默认⾏为
}
（3） mouseover ⿏标进⼊事件    mouseout ⿏标移除事件
var ElementById('box')
console.log('⿏标进⼊了')
}
console.log('⿏标移除了')
}
（4） mouseenter ⿏标进⼊事件    mouseleaver ⿏标移除事件不冒泡（推荐使⽤）
var ElementById('bt')
var ElementById('box')
console.log('⿏标进⼊了')
}
console.log('⿏标移除了')
}
（5）keydown 键盘按下时触发  keyup  键盘抬起时触发  keypress 键盘按下时触发
var ElementById('box')
console.log(e.keyCode)
}
var ElementById('box')  //keydown 不区分⼤⼩写，返回的都是⼤写的ASCII码，keypress区分⼤⼩写keypress=function(e){
console.log(e.keyCode)
}
var ElementById('box')
console.log(e.keyCode)
}
（6）. scroll事件，监听滚动条变化
var father = ElementById('father')
console.log( father.scrollLeft)
console.log( father.scrollTop)
}
2.元素.on+'事件名'=null 移除事件
var ElementById('box')
var ElementById('bt')
console.log('胖⼦')
}
}
3.  元素.addEventListener (''事件名'，事件处理函数，false)    可以给同⼀元素多次注册同⼀元素本来是⾃⼰做的事委托给⽗级元素做
var ElementById('box')
box.addEventListener('click',function(){
console.log('鲁⼩师')
},false)
box.addEventListener('click',function(){
console.log('鲁⼤师')
},false)
4.元素.removeEventListener(''事件名'，事件处理函数，false)  移除事件
var ElementById('box')
var ElementById('bt')
box.addEventListener('click',fn,false)
function fn(){
console.log('胖⼦')
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。