浅谈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 相关文章推荐
Jquery 数组操作大全个人总结
Nov 13 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
Bootstrap3 图片(响应式图片&图片形状)
Jan 04 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
Apr 23 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
浅析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通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
Web前端框架Angular4.0.0 正式版发布
2017/03/28 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
Vue实现一个图片懒加载插件
2019/03/11 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
Python enumerate遍历数组示例应用
2008/09/06 Python
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
Python入门之三角函数tan()函数实例详解
2017/11/08 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
python实现最速下降法
2020/03/24 Python
Myprotein芬兰官网:欧洲第一运动营养品牌
2019/05/05 全球购物
顶碗少年教学反思
2014/02/21 职场文书
家教广告词
2014/03/19 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
安全环保标语
2014/06/09 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
清洁工个人总结
2015/03/04 职场文书
超市食品安全承诺书
2015/04/29 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
安全生产培训心得体会
2016/01/18 职场文书