码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-09 12:35:17      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:move   type   sel   htm   button   elements   事件   mouseover   get   

写在前面:

一句话作为本文的核心思想:对象监视事件,事件触发函数;


 

(一)事件

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啦!

 

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

标签:move   type   sel   htm   button   elements   事件   mouseover   get   

原文地址:http://www.cnblogs.com/adair/p/6971365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!