浅谈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 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
什么是JavaScript
Aug 13 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
jcrop基本参数一览
Jul 16 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
jQuery的事件预绑定
Dec 05 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
vue router 传参获取不到的解决方式
Nov 13 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 伪造本地文件包含漏洞的代码
2011/11/03 PHP
php实现图片添加水印功能
2014/02/13 PHP
PHP+JavaScript实现无刷新上传图片
2017/02/21 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
js变换显示图片的实例
2013/04/16 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
mui框架移动开发初体验详解
2017/10/11 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
原生js实现贪吃蛇游戏
2020/10/26 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python中的tcp示例详解
2018/12/09 Python
python、Matlab求定积分的实现
2019/11/20 Python
Python函数式编程实例详解
2020/01/17 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
C语言50道问题
2014/10/23 面试题
毕业自我鉴定
2013/11/05 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
党员公开承诺书2015
2015/01/21 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
环卫处个人工作总结
2015/03/04 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
SQL Server2019数据库之简单子查询的具有方法
2021/04/27 SQL Server
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android
详解SQL报错盲注
2022/07/23 SQL Server