浅谈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 来操作字符串(一些字符串函数)
Feb 15 Javascript
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
viewer.js实现图片预览功能
Jun 24 Javascript
js实现双色球效果
Aug 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.MVC的模板标签系统(四)
2006/09/05 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
关于页面优化和伪静态
2009/10/11 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
PHP序列化操作方法分析
2016/09/28 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
JS实现iframe自适应高度的方法示例
2017/01/07 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
AngularJs每天学习之总体介绍
2017/08/07 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
python使用socket连接远程服务器的方法
2015/04/29 Python
在ironpython中利用装饰器执行SQL操作的例子
2015/05/02 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
详解KMP算法以及python如何实现
2020/09/18 Python
java字符串格式化输出实例讲解
2021/01/06 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
IRO美国官网:法国服装品牌
2018/03/06 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
2014年庆元旦活动方案
2014/02/15 职场文书
2014政务公开实施方案
2014/02/19 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书