浅谈JavaScript事件的属性列表


Posted in Javascript onMarch 01, 2015

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。

 

属性 此事件发生在何时...
onabort 图像的加载被中断。
onblur 元素失去焦点。
onchange 域的内容被改变。
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
onerror 在加载文档或图像时发生错误。
onfocus 元素获得焦点。
onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。
onmouseup 鼠标按键被松开。
onreset 重置按钮被点击。
onresize 窗口或框架被重新调整大小。
onselect 文本被选中。
onsubmit 确认按钮被点击。
onunload 用户退出页面。

鼠标 / 键盘属性

属性 描述
altKey 返回当事件被触发时,"ALT" 是否被按下。
button 返回当事件被触发时,哪个鼠标按钮被点击。
clientX 返回当事件被触发时,鼠标指针的水平坐标。
clientY 返回当事件被触发时,鼠标指针的垂直坐标。
ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。
metaKey 返回当事件被触发时,"meta" 键是否被按下。
relatedTarget 返回与事件的目标节点相关的节点。
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。
shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。

常用HTML元素的事件:

onclick(单击)、
ondblclick(双击)、
onkeydown(按键按下)、
onkeypress(点击按键)、
onkeyup(按键释放)、
onmousedown(鼠标按下)、
onmousemove(鼠标移动)、
onmouseout(鼠标离开元素范围)、
onmouseover(鼠标移动到元素范围)、
onmouseup(鼠标按键释放)、
oncontextmenu(在浏览器中单击鼠标右键显示”右键菜单”时触发)

以上就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
jquery ajax,ashx,json的用法总结
Feb 12 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
浅析javascript中的DOM
Mar 01 #Javascript
javascript中的正则表达式使用指南
Mar 01 #Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 #Javascript
jQuery实现折线图的方法
Feb 28 #Javascript
js中split和replace的用法实例
Feb 28 #Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
Feb 28 #Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 #Javascript
You might like
将数组写入txt文件 var_export
2009/04/21 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
Js 获取HTML DOM节点元素的方法小结
2009/04/24 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
js操作checkbox遇到的问题解决
2013/06/29 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
2015/11/09 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
Vue router安装及使用方法解析
2020/12/02 Vue.js
JavaScript this关键字的深入详解
2021/01/14 Javascript
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python threading的使用方法解析
2019/08/28 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
运动会广播稿200字
2014/01/15 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
小学班主任寄语大全
2014/04/04 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
活动总结报告范文
2014/05/04 职场文书
平安建设汇报材料
2014/12/29 职场文书
借条格式范本
2015/05/25 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫