w3schools
教程
HTML
CSS
JAVASCRIPT
PYTHON
PYTHON2
JAVA
C
C++
C#
SQL
Excel
Linux
AI
BOOTSTRAP
PHP
教程库
参考手册
技术文章
测验
练习
HOWTO
FAQ
JavaScript 教程
JS 教程
JS 简介
JS 如何使用
JS 输出
JS 语句
JS 语法
JS 注释
JS 变量
JS 运算符
JS 算法
JS 赋值
JS 数据类型
JS 函数
JS 对象
JS 事件
JS 字符串
JS 字符串方法
JS 数值
JS 数值方法
JS 数组
JS 数组方法
JS 数组排序
JS 数组迭代
JS 日期
JS 日期格式
JS 日期获取方法
JS 日期设置方法
JS 数学运算
JS 随机数
JS 布尔运算符
JS 比较运算符
JS 条件语句
JS Switch 语句
JS For 循环
JS While 循环
JS Break
JS 类型转换
JS 位运算符
JS 正则表达式
JS 错误处理
JS 作用域
JS Hoisting
JS 严格模式
JS this 关键词
JS Let 关键词
JS Const 关键词
JS 箭头函数
JS 类
JS 调试
JS 样式指南
JS 最佳实践
JS 常见错误
JS 性能优化
JS 保留关键词
JS 版本
JS ES5
JS ES6
JS JSON
JS 表单
JS Forms
Forms API
JS 对象
Object 对象定义
Object 对象属性
Object 对象方法
Object Display
Object 对象访问器
Object 对象构造器
Object 对象原型
Object ECMAScript 5
JS 函数
JS 函数定义
JS 函数参数
JS 函数调用
JS Call 函数
JS Apply 函数
JS 函数闭包
JS 类库
Class 类简介
Class 类继承
Class Static
JS 异步
JS 回调
JS 异步
JS Promises
JS Async/Await
JS HTML DOM
DOM 简介
DOM 方法
DOM 文档
DOM 元素
DOM HTML
DOM CSS
DOM 动画
DOM 事件
DOM 事件监听
DOM 导航
DOM 节点
DOM 集合
DOM 节点列表
JS 浏览器 BOM
JS Window
JS Screen
JS Location
JS History
JS Navigator
JS 弹出框
JS Timing
JS Cookies
JS AJAX
AJAX 简介
AJAX XMLHttp
AJAX 请求
AJAX 响应
AJAX XML 文件
AJAX PHP
AJAX ASP
AJAX 数据库
AJAX 应用程序
AJAX 实例
JS JSON
JSON 简介
JSON 语法
JSON vs XML
JSON 数据类型
JSON 解析
JSON 字符串化
JSON 对象
JSON 数组
JSON PHP
JSON HTML
JSON JSONP
JS Web APIs
Web API 简介
Web History API
Web Storage API
Web Geolocation API
JS vs jQuery
jQuery 选择器
jQuery HTML
jQuery CSS
jQuery DOM
JS 实例
JS 实例
JS HTML DOM
JS HTML 输入
JS HTML 对象
JS HTML 事件
JS Browser
JS 编辑器
JS 练习
JS 测验
JS 参考手册
JS 对象
HTML DOM 对象
❮ 上一节
下一节 ❯
JavaScript HTML 事件实例
使用 JavaScript 对事件做出反应的实例。
输入事件
onblur - 当用户离开输入字段时
onchange - 当用户更改输入字段的内容时
onchange - 当用户选择下拉值时
onfocus - 当输入字段获得焦点时
onselect - 当输入文本被选取时
onsubmit - 当用户点击提交按钮
onreset - 当用户点击重置按钮
onkeydown - 当用户按下/按住某个键时
onkeypress - 当用户按下/按住某个键时
onkeyup - 当用户释放按键时
onkeyup - 当用户释放按键时
onkeydown vs onkeyup - 两者
鼠标事件
onmouseover/onmouseout - 当鼠标经过一个元素时
onmousedown/onmouseup - 当按下/释放鼠标按钮时
onmousedown - 当按下鼠标时:提示点击了哪个元素
onmousedown - 当点击鼠标时:提示点击了哪个按钮
onmousemove/onmouseout - 当把鼠标指针移入/移出 div 时
onmouseover/onmouseout - 当把鼠标指针移入/移出图像时
onmouseover - 将鼠标悬停在图像映射上
点击事件
对 onclick 事件作出反应
onclick - 单击按钮时
ondblclick - 双击文本时
加载事件
onload - 页面加载后
onload - 图像加载后
onerror - 当图像加载时发生错误
onunload - 当浏览器关闭文档时
onresize - 当浏览器窗口大小被调整时
其他
按键的键码是什么?
光标的坐标是什么?
相对于屏幕的光标坐标是什么?
是否按下 shift 键?
发生何种事件类型?
实例解析
❮ 上一节
下一节 ❯
颜色选择器
JS 参考手册
JS 实例
JS 测验/考试
读后有收获微信请站长喝咖啡