第十三天

53 阅读1分钟

事件

       + 就是一些列用户在网页中的操作,例如:鼠标点击、键盘敲击、鼠标双击等等
        + 作用:用于完成人机交互

事件绑定

     + 内联方式
          => 语法:<button onclick="fn()">按钮</button>
        + 脚本方式
          => 语法:btn.onclick = function(){}

鼠标事件

       + onmousedown 鼠标按下事件
        + onmouseup 鼠标抬起事件
        + onmousemove 鼠标移动事件(连续触发)

键盘事件

      + onkeydown 键盘按下
        + onkeyup 键盘抬起
        + onkeypress 键盘按下,不包含除了字符键以外的其他键

html事件

       + onload 加载事件
        + onfocus 获取焦点
        + onblur 失去焦点
        + oninput 输入事件(连续触发)
        + onsubmit 提交事件

事件对象

      + event
        + 作用:
          => 帮助咱们完成一些需求,在这个对象里面存储了很多好用的属性
        + 不同的事件会有不同的事件对象
        + 兼容写法
          => var e = e || window.event
        + 属性
          => e.keyCode 
          => e.clientX
          => e.clientY
          => e.pageX
          => e.pageY
          => e.offsetX
          => e.offsetY