浅谈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（在浏览器中单击鼠标右键显示”右键菜单”时触发）
以上就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要用js代码实现颜色随机的小方块,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了JavaScript的DOM事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
这篇文章主要介绍了JavaScript中各数制转换,利用toString的基模式来进行转换,对数字调用 toString(10) 与调用 toString() 它们返回的区别和相同之处等等都在本文中提及，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
还一个要注意的就是null虽然是Object型 但是它非常特殊，本身存放在stack栈中。你可以理解成它是Object的一种特殊形式2010-08-08
这篇文章主要介绍了JavaScript 事件对象介绍,需要的朋友可以参考下2015-04-04
JavaScript使用过程中需要注意的地方和一些基本语法，需要的朋友可以参考下。2010-08-08
javascript对话框使用方法(警告框 javascript确认框 提示框)
javascript对话框使用方法,有警告框、确认框、提示框的使用方法和语法，大家参考使用吧2014-01-01
在一个函数体内，标识符arguments引用了arguments对象的一个特殊属性。可以按照数目（而不是名字）获取传递给函数的参数值。2010-10-10
javascript中hasOwnProperty() 方法使用指南
这篇文章主要详细介绍了javascript中hasOwnProperty() 方法使用指南，非常的全面，推荐给有需要的小伙伴参考下。2015-03-03
使用AmplifyJS组件配合JavaScript进行编程的指南
这篇文章主要介绍了使用AmplifyJS组件配合JavaScript进行编程的指南,AmplifyJS中提供的订阅功能十分强大,需要的朋友可以参考下2015-07-07
最新评论