事件

2018-07-17  本文已影响0人  丶Romantic

鼠标事件1、单击事件 onclick
2、双击事件 ondblclick
3、按下 onmousedown
4、松开 onmouseup
5、滑到 onmousemove
6、移入 onmouseenter onmouseover
7、移出 onmouseleave onmouseout
8、右键

div.oncontextmenu=function(e){
         e=e||window.event
         e.preventDefault()
         console.log('123456')
  }

键盘事件1、键盘按下某键 keydown
2、键盘松开某键 keyup
3、按下并松开某键触发的事件 keypress

表单事件1、失焦事件 onblur
2、聚焦事件 onfocus
3、内容被改变时 change
4、内容被选中时 select
5、按钮事件 submit(提交) reset(重置)需作用在表单之中

<script>
var body = document.getElementsByTagName('body')[0]
body.onkeydown=function(e){
    e=e||window.event
    console.log(e)
}
body.onkeyup=function(w){
    w=event||window.event
    console.log(w)
}
</script>

其他事件1、加载之后运行文件
2、窗口大小发生改变时触发的事件
3、浏览器页面滚动时触发的事件

上一篇下一篇

猜你喜欢

热点阅读