浅谈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 相关文章推荐
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
jQuery之按钮组件的深入解析
Jun 19 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
Jquery实现控件的隐藏和显示实例
Feb 08 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
jQuery中JSONP的两种实现方式详解
Sep 26 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
JS实现移动端按首字母检索城市列表附源码下载
Jul 05 Javascript
javascript实现蒙版与禁止页面滚动
Jan 11 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页面间参数传递的四种方法详解
2013/06/09 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
JS表的模拟方法
2015/02/05 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
js实现移动端轮播图效果
2020/12/09 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
python del()函数用法
2013/03/24 Python
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
Python遍历zip文件输出名称时出现乱码问题的解决方法
2015/04/08 Python
Python算法应用实战之队列详解
2017/02/04 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Django视图和URL配置详解
2018/01/31 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
Python的logging模块基本用法
2020/12/24 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
军训生自我鉴定范文
2013/12/27 职场文书
给男朋友的道歉信
2014/01/12 职场文书
收费员岗位职责
2015/02/14 职场文书
无故旷工检讨书
2015/08/15 职场文书
实用求职信模板范文
2019/05/13 职场文书
利用Python实现模拟登录知乎
2022/05/25 Python