zoukankan      html  css  js  c++  java
  • JS事件-对象监视事件,事件触发函数

    写在前面:

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


    (一)事件

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

  • 相关阅读:
    应用实例:用户登录(2009.10.23)
    ASP.NET学习笔记:服务器控件 (2009.11.9)
    小实例:模拟电话簿
    用Iframe实现左边TreeView导航,右边显示相应内容的布局
    HTML&CSS&JaveScript学习笔记(2009.11.19)
    C#中问号(?)的用法
    GridView的简单分页等
    GridView正反双向排序
    代码理解(2009.11.20)
    ASP.NET学习笔记:数据库操作 (2009.11.10)
  • 原文地址:https://www.cnblogs.com/adair/p/6971365.html
Copyright © 2011-2022 走看看