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：返回onkeypress、onkeydown或onkeyup事件触发的键的值的字符代码，或者的键的代码。

关于this指向

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

JavaScript事件基础-10-2.HTML事件; DOM0级事件; 掌握常用的鼠标与键盘事件 ; 掌握this的指向;的更多相关文章

  1. HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

  2. Selenium WebDriver 中鼠标和键盘事件分析及扩展(转)

    本文将总结 Selenium WebDriver 中的一些鼠标和键盘事件的使用,以及组合键的使用,并且将介绍 WebDriver 中没有实现的键盘事件(Keys 枚举中没有列举的按键)的扩展.举例说明 ...

  3. tkinter中鼠标与键盘事件（十五）

    鼠标与键盘事件 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("300x200+ ...

  4. 50-用Python监听鼠标和键盘事件

    转自:https://www.cnblogs.com/qiernonstop/p/3654021.html 用Python监听鼠标和键盘事件 PyHook是一个基于Python的“钩子”库,主要用于监 ...

  5. C#/winform 自动触发鼠标、键盘事件

    要在C#程序中触发鼠标.键盘事件必须要调用windows函数. 一.鼠标事件的触发 1.引用windows函数mouse_event /// <summary> /// 鼠标事件 /// ...

  6. java鼠标与键盘事件监听

    package cn.stat.p3.windowdemo; import java.awt.Button; import java.awt.FlowLayout; import java.awt.F ...

  7. OSX 鼠标和键盘事件

    本文转自:http://www.macdev.io/ebook/event.html 事件分发过程 OSX 与用户交互的主要外设是鼠标,键盘.鼠标键盘的活动会产生底层系统事件.这个事件首先传递到IOK ...

  8. C# 自动触发鼠标、键盘事件

    要在C#程序中触发鼠标.键盘事件必须要调用windows函数. 一.鼠标事件的触发 1.引用windows函数mouse_event /// <summary> /// 鼠标事件 /// ...

  9. 使用Robot类模拟鼠标、键盘事件

    Robot类用于模拟鼠标.键盘事件,生成本机系统输入事件.Robot 的主要用于自动化.自运行的程序和其他需要自动控制鼠标和键盘的程序 相当于实际操作的效果,不仅仅只是生成对应的鼠标.键盘事件.比如R ...

随机推荐

  1. Hadoop---Exception in thread "main" java.lang.NullPointerException问题的解决

    Exception in thread "main" java.lang.NullPointerException问题的解决 解决:  首先我们来分析下这个问题,我是使用debug ...

  2. Java序列化的作用和反序列化

    1.序列化是干什么的? 简单说就是为了保存在内存中的各种对象的状态(也就是实例变量,不是方法),并且可以把保存的对象状态再读出来.虽然你可以用你自己的各种各样的方法来保存object states,但 ...

  3. 浅谈mysql中各种表空间（tablespaces）的概念

    mysql中,会涉及到各种表空间的概念,虽然,很多方面这些概念和Oracle有相似性,但也有很多不同的地方,初学者很容易被这些概念弄的晕头转向,从而,混淆这些概念的区别和理解,下面,就简要介绍和说明一 ...

  4. Linux安装配置samba教程（CentOS 6.5）

    一.服务端安装配置samba 1.1 服务端安装samba yum install -y samba 1.2 创建共享目录并写入配置文件 以/samba为共享目录为例,为了更直观地观测我们在该目录中创 ...

  5. AIX安装JDK1.7教程

    1.下载 下载链接(下载需要登录IBM账号):https://www.ibm.com/developerworks/java/jdk/aix/service.html#i1 由于jdk版本AIX操作系 ...

  6. vim 文本会在末尾自动添加换行 md5文件和数据只不对应

    在linux系统 vim md5data  # 打开文件 写入 abc 保存 md5sum md5Data  的计算值和openssl代码计算值不一样 原因在于linux文本文件末尾自动添加了换行 解 ...

  7. Win10怎么设置打开文件的默认程序

  8. linux 用户/群组/权限

    mv 原文件名 新文件名 #相当于重命名 查看文件内容相关命令 cat #查看文件全部内容 head - n #查看文件前n行内容(默认前十行) tail -n #查看文件后n行内容(默认后十行) t ...

  9. day042 前端CSS选择器

    今日内容: 高级选择器 1.子类选择器 用 > 表示 类比于相对路径 选择的是前一级标签的子标签 2后代选择器 用空格表示 选择的是前一级标签的后代标签 3并集选择器 用,逗号表示 选择的是用逗 ...

  10. selenium（七）webdriverwait，高级等待，替代sleep

    #coding=utf-8 from selenium import webdriver from selenium.webdriver.common.by import By from seleni ...