JS事件-对象监视事件，事件触发函数

Posted 2020-09-22 James老赵

写在前面：

一句话作为本文的核心思想：对象监视事件，事件触发函数；

---

 

（一）事件

1、事件分类

（1）鼠标事件

　　click()                      鼠标单击

　　dblclick()                   鼠标双击

　　mouseover()             鼠标移入事件

　　mouseout()              鼠标移出事件

　　mousemove()             鼠标移动事件

　　mousedown()            鼠标按下事件

　　mouseup()               鼠标按键被松开事件

　　scroll              滚动事件（body）

（2）键盘事件

       keydown             键盘按下

       keyup                  键盘抬起

（3）触摸事件

       touchstart

       touchmove

　　 touchend

（4）表单事件

       submit           用户提交表单时事件

　　 select        文本框的文本被选中

　 　focus            获得焦点事件

　 　blur              失去焦点事件

　 　change         内容改变事件

（5）页面加载完毕事件

       load              页面加载完毕

2、监视事件

（1）在html标签上，通过on来监视

    <button onclick="check()">点击触发事件</button>
    <script type="text/javascript">
        function check(){
            alert(‘hello‘);
        }
    </script>

（2）通过JavaScript监视用户的行为

    <button >点击触发事件</button>
    <script type="text/javascript">
        oBtn = document.getElementsByTagName(‘button‘);
        oBtn[0].onclick = function check(){
            alert(‘hello‘);
        }
    </script>

（3）绑定事件监听器

　　addEventListener(‘事件类型’,事件发生产生的行为函数,true/false)

　　attachEvent(‘事件类型’,’事件发生执行的函数’)给IE8以下的浏览器监视事件

---

 

这部分内容灰常简单，记住常用的on监听即可，记住单击事件 click ，其他的套路都是一样一样的；

替换click就OK啦！