245、javaScript对象---Html DOM 事件(even) 之点击事件、焦点事件、加载事件、鼠标相关事件、键盘相关事件

本文链接：https://blog.csdn.net/l0510402015/article/details/104509986

1、点击事件
        * 单击事件：onclick
        * 双击事件：ondblclick
    2、焦点事件
        * 元素失去焦点：onblur
            * 一般用于表单校验，比如说用户填完当前输入框，准备切换到下一步时，需要校验输入是否正确
        * 元素获取焦点：onfocus
    3、加载事件：
        * onload:一张页面或图片加载完成
            (1) 支持该事件的 HTML 标签：<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
            (2) 支持该事件的 JavaScript 对象：image, layer, window
            (3) 注意：我们在写JS代码是，一般将它下到<body>的最下方，目的是因为流程问题，要让<body>其它部分先运行完，再去执行JS。我们可以使用方式：window.onload = function（）{其它JS代码} 来规避这个问题，表示只用当所有页面加载完成了，触发了加载完成事件，我才去注册执行其它JS代码
    4、鼠标相关事件
        * onmousedown     鼠标按钮被按下。
            * 速表左键、滚轮、右键点击了都会触发这个事件，如果想要知道是哪个被按下了，可以在定义方法时传入形参,然后调用event的button属性来获取。
            * 举例：
        * onmousemove     鼠标被移动。
        * onmouseout     鼠标从某元素移开。
        * onmouseover     鼠标移到某元素之上。
        * onmouseup
    5、键盘相关事件
        * onkeydown     某个键盘按键被按下。
        * onkeypress     某个键盘按键被按下并松开。
        * onkeyup     某个键盘按键被松开。