浅谈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与CSS复习(三)
Jun 29 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
vuejs如何配置less
Apr 25 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 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的ob_start() 控制您的浏览器cache
2009/08/03 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
[47:35]VP vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Python程序设计入门(4)模块和包
2014/06/16 Python
优化Python代码使其加快作用域内的查找
2015/03/30 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
知识竞赛主持词
2014/03/26 职场文书
关键在于落实心得体会
2014/09/03 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
高三物理教学反思
2016/02/20 职场文书
Python安装使用Scrapy框架
2022/04/12 Python