JavaScript:事件:常用类型详述

MouseEvent(鼠标)

mouseover

mousemove

mouseout

一个元素可以绑定多个事件

复习:重用function

KeyboardEvent(键盘)

keydown

keypress:只相应是字符,不响应“非打印”字符

keyup

演示:输入框检查

找到按下的键:

document.onkeydown = function (event) { console.log('code:' + event.code + ' key:' + event.key); //keyCode }

FocusEvent

focus

blur:移入/移出焦点

Event(change)

checkbox:当没有value的时候on

radio

select

区别于onclick

当target设置为父元素:this / 事件冒泡/捕获

SubmitEvent

submit:

绑定在form表单上

常用于阻止表单提交

document.getElementsByTagName('form')[0].onsubmit = function (event) { event.preventDefault(); //return false; console.log(event); };

load/unload:

支持该事件的

  • 标签:<body>, , ,