zoukankan      html  css  js  c++  java
  • JavaScript事件基础-10-2.HTML事件; DOM0级事件; 掌握常用的鼠标与键盘事件 ; 掌握this的指向;

    JavaScript事件基础

    学习目标

    1.掌握什么是事件

    2.掌握HTML事件

    3.掌握DOM0级事件

    4.掌握常用的鼠标与键盘事件

    5.掌握this的指向

    什么是事件

    事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。

    HTML事件

    语法:<tag 事件=“执行脚本”></tag>

    功能:在HTML元素上绑定事件。

    说明:执行脚本可以是一个函数的调用。

    DOM0级事件

    语法: ele.事件=执行脚本

    功能:在DOM0对象上绑定事件

    说明:执行脚本可以是一个匿名函数,也可以是一个函数的调用。

    鼠标事件

    onload: 页面加载时触发

    onclick : 鼠标点击时触发

    onmouseover: 鼠标滑过时触发

    onmouseout: 鼠标离开时触发

    onfocus: 获得焦点时触发

    onblur: 失去焦点时触发

    onchange: 域的内容改变时发生

    鼠标事件

    onsubmit: 表单中的确认按钮被点击时触发

    onmousedown:鼠标按钮在元素上按下时触发

    onmousemove: 在鼠标指针移动时发生

    onmouseup: 在元素上松开鼠标按钮时触发

    onresize: 当调整浏览器窗口的大小时触发

    onscroll: 拖动滚动条滚动时触发

     

     

     

     

    键盘事件与keyCode属性

    Onkeydown: 在用户按下一个键盘按键时发生

    Onkeypress: 在键盘按键被按下并释放一个键时发生

    Onkeyup: 在键盘按键被松开时发生

    keyCode:返回onkeypressonkeydownonkeyup事件触发的键的值的字符代码,或者的键的代码。

    关于this指向 

    在事件触发的函数中,this是对该DOW对象的引用。

  • 相关阅读:
    小数的进制转换
    水题 O
    水题 J
    水题T,二进制转16进制
    水题B
    水题C
    HDU 2042
    HDU 2041
    Index For SQL Server
    Learning Note For Angular
  • 原文地址:https://www.cnblogs.com/oybb/p/7647911.html
Copyright © 2011-2022 走看看