浅谈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  Error 对象 错误处理
May 18 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 Javascript
vue递归获取父元素的元素实例
Aug 07 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
让你成为更出色的PHP开发者的10个技巧
2011/02/25 PHP
php从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
JS实现div居中示例
2014/04/17 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
详解Angular的双向数据绑定(MV-VM)
2016/12/26 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
手写简单的jQuery雪花飘落效果实例
2018/04/22 jQuery
Vue axios设置访问基础路径方法
2018/09/19 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
Python函数式编程指南(四):生成器详解
2015/06/24 Python
python 日志增量抓取实现方法
2018/04/28 Python
Win8下python3.5.1安装教程
2020/07/29 Python
python实现一个简单的ping工具方法
2019/01/31 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
Python修改DBF文件指定列
2020/12/19 Python
送给程序员的20个Java集合面试问题
2014/08/06 面试题
小学毕业感言50字
2014/02/16 职场文书
租房协议书怎么写
2014/04/10 职场文书
外联部演讲稿
2014/05/24 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
辅导员学期工作总结
2015/08/14 职场文书
python 对图片进行简单的处理
2021/06/23 Python
浅谈Python数学建模之固定费用问题
2021/06/23 Python