DOM： 指明使用的 DOM 属性级别
鼠标事件
press /pres/ 按
| 属性 | 描述 | DOM |
|---|---|---|
oncontextmenu |
在用户点击鼠标右键打开上下文菜单时触发 | |
onclick |
当用户点击某个对象时调用的事件句柄。 | 2 |
ondblclick |
当用户双击某个对象时调用的事件句柄。 | 2 |
onmousedown |
鼠标按钮被按下 | 2 |
onmouoseup |
鼠标按键被松开 | 2 |
onmousemove |
鼠标被移动 | 2 |
onmouseenter |
当鼠标指针移动到元素上时触发 | 2 |
onmouseleave |
当鼠标指针移出元素时触发 | 2 |
onmouseover |
鼠标移到某元素之上。 | 2 |
onmouseout |
鼠标从某元素移开 | 2 |
鼠标移到某元素之上 2
over 在....之上
2
键盘事件
| 属性 | 描述 | DOM |
|---|---|---|
onkeydown |
某个键盘按键被按下 | 2 |
onkeypress |
某个键盘按键被按下并松开 | 2 |
onkeyup |
某个键盘按键被松开 | 2 |
如果在写CSS复合属性中的子样式的时候，遇到以- 我们应该采用驼峰式的写法。
因为编程语言中肯定是存在加减运算的，如果我们直接写 - 的话，那么它就会不知道到底是前面的字号减后面，或者是一个连字符。
box2.onmouseup = function (){
box1.style.backgroundColor = "red";
}
表单事件
表单的
onchange是在表单改变内容并且失去焦点才会触发
oninput是在输入内容时才会触发 （不需要失去焦点）
onblur失去焦点触发
onfocus获得焦点触发
所有从标签里面取出来的东西，不管是属性名还是标签里面的内容都是字符串
string
让可以聚焦的都获得焦点
input.focus()
