js 事件2

鼠标事件

onmousedown  鼠标按下,可检测左右键的操作   

onmouseup  鼠标抬起,可检测左右键的操作 

onclick  点击,由按下抬起这两个操作组成,只能检测左键的操作 

oncontextmenu   右键菜单

onmousemove 鼠标移动    移动端 touchmove

onmouseenter 鼠标移入,老版本onmouseover   移动端 touchstart

onmouseleave 鼠标移出,老版本onmouseout     移动端 touchup

e.button  0左键 1滚轮 2右键

封装拖拽元素

 键盘事件

先onkeydown   按住后会连续触发  e.charCode均为0  可以检测到所有键(除fn外)的行为

再onkeypress   按住后会连续触发  e.charCode有相应值  只能检测字符类按键即有ACSII的   可以通过String.fromCharCode(e.charCode) 返回字符

最后onkeyup

 文本类操作事件

oninput  内容有变化都触发

onchange  失焦改变即触发

onfocus/onblur

 窗体类事件

window.onscroll  滚动条滚动就触发

window.onload   页面准备完成后才执行

发布了53 篇原创文章 · 获赞 12 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/bingqise5193/article/details/100661990