浅谈JavaScript事件的属性列表
更新时间：2015年03月01日 10:15:15 投稿：hebedich
本文向大家简单介绍了javascript事件的属性列表，非常的详细，推荐给有相同需求的小伙伴们。
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库Mootools的入门性介绍文章，详细介绍了在网上能找到的比较好的学习HTML,CSS,JavaScript入门知识的资源以及随手参考的地方。文中介绍的从零入手学习JavaScript编程的过程很有参考价值。2008-04-04
本文汇总了107个常用的js使用的时候的注意事项，本来想凑足一百单八将的，结果还是差了一个，哈哈，以后有机会再补吧。2014-11-11
大家在编写js代码的时候需要注意的一些地方，按照下面的方法，大家就可以尽量的让你的代码，更优化。2010-09-09
今天因需要用到js获取css属性，网上搜了半天都不合适的。有一下几种方法2013-12-12
所谓"异步"，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。比如，有一个任务是读取文件进行处理，下面小编来和大家一起学习一下2019-05-05
当代码在window onload事件被触发，且sub函数被执行的时候会发生什么事情呢？下面我们来一起了解一下2019-05-05
在这一章我打算通过直接修改页面的样式表而不是通过访问元素的办法来修改PRE的背景颜色。不幸的是，浏览器严重的不兼容性让这个代码基本上不能使用。2010-02-02
正在学习javascript的朋友们，可以把这个小练习做一做，加强自己编写代码的能力2013-04-04
JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选择性的仅包含数组指定的属性2019-06-06
这篇文章主要介绍了JavaScript之数组扁平化详解的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
最新评论