浅谈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 相关文章推荐
JS的千分位算法实现思路
Jul 31 Javascript
JavaScript调用ajax获取文本文件内容实现代码
Mar 28 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
JS作用域深度解析
Dec 29 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
JavaScript设置名字输入不合法的实现方法
May 23 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
浅析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
理解PHP中的stdClass类
2014/04/18 PHP
javascript显示选择目录对话框的代码
2008/11/10 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
把Node.js程序加入服务实现随机启动
2015/06/25 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
[57:29]Alliance vs KG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/17 DOTA
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
python迭代器与生成器详解
2016/03/10 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
python opencv如何实现图片绘制
2020/01/19 Python
学习Python需要哪些工具
2020/09/04 Python
美国时尚在线:Showpo
2017/09/08 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
汽车专业毕业生自荐信
2013/11/03 职场文书
技术经理的自我评价范文
2013/12/03 职场文书
实习生自我评价
2014/01/18 职场文书
解除财产保全担保书
2014/05/20 职场文书
医院搬迁方案
2014/06/14 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
房贷工资证明范本
2015/06/12 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android
一文简单了解MySQL前缀索引
2022/04/03 MySQL