JavaScript--DOM事件

事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。

一、HTML事件

语法：
功能：在HTML元素上绑定事件。
说明：执行脚本可以是一个函数的调用。

二、DOM0级事件

语法：ele.事件=执行脚本
功能：在DOM对象上绑定事件
说明：执行脚本可以是一个匿名函数，也可以是一个函数的调用。


    
    Title
    



    锁定

三、常用的鼠标事件与键盘事件

1.鼠标事件
onload：页面加载时触发
onclick：鼠标点击时触发
onmouseover：鼠标滑过时触发
onmouseout：鼠标离开时触发
onfoucs：获得焦点时触发
onblur：失去焦点时触发
onchange：域的内容改变时发生
onsubmit：表单中的确认按钮被点击时发生
onmousedown：鼠标按钮在元素上按下时触发
onmousemove：在鼠标指针移动时发生
onmouseup：在元素上松开鼠标按钮时触发
onresize：当调整浏览器窗口的大小时触发
onscroll：拖动滚动条滚动时触发

①onload：页面加载时触发


    
    Document
    


    这是一个DIV

②onfoucs:获得焦点时触发用于input标签type为text、password、textarea
③onblur:失去焦点时触发

④onchange：域的内容改变时发生


    
    Document
    


    
        请选择您喜欢的背景色：

⑤onsubmit：表单中的确认按钮被点击时发生
⑥onmousedown：鼠标按钮在元素上按下时触发
⑦onmousemove：在鼠标指针移动时发生
⑧onmouseup：在元素上松开鼠标按钮时触发
⑨onresize：当调整浏览器窗口的大小时触发
⑩onscroll：拖动滚动条滚动时触发


    
    Document
    


    
        拖动
        拖动
        拖动
        拖动
        拖动
        拖动
        拖动
        拖动
        拖动
        拖动

2.键盘事件与keyCode属性
onkeydown ：在用户按下一个键盘按键时发生
onkeypress：在键盘按键被按下并释放一个键时发生
onkeyup：在键盘按键被松开时发生
keyCode：返回onkeypress、onkeydown 或 onkeyup
事件触发的键的值的字符代码，或者的键的代码。


    
    Title
    


    您还可以输入
        
            30/30

四、this的指向

在事件触发的函数中，this是对该DOM对象的引用。