HTML属性及事件---白胡杨同学

HTML属性HTML 元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签属性总是以名称/值对的形式出现 如：class=”a”不同属性之间用“空格”隔开HTML属性和属性值之间用“=”连接。

属性名

描述

accesskey

设置访问元素的键盘快捷键。

class

规定元素的类名（classname）

contenteditableNew

规定是否可编辑元素的内容。

contextmenuNew

指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单

data-

用于存储页面的自定义数据

dir

设置元素中内容的文本方向。

draggable

指定某个元素是否可以拖动

dropzone

指定是否将数据复制，移动，或链接，或删除

hidden

hidden 属性规定对元素进行隐藏。

id

规定元素的唯一 id

lang

设置元素中内容的语言代码。

spellcheck

检测元素是否拼写错误

style

规定元素的行内样式（inline style）

tabindex

设置元素的 Tab 键控制次序。

title

规定元素的额外信息（可在工具提示中显示）

translate

指定是否一个元素的值在页面载入时是否需要翻译

name

规定元素的名称

value

规定元素的值

href

规定超链接元素的链接地址

target

规定网页的打开方式

HTML事件窗口事件

属性

描述

onafterprint

在打印文档之后运行脚本

onbeforeprint

在文档打印之前运行脚本

onbeforeonload

在文档加载之前运行脚本

onblur

当窗口失去焦点时运行脚本

onerror

当错误发生时运行脚本

onfocus

当窗口获得焦点时运行脚本

onhaschange

当文档改变时运行脚本

onload

当文档加载时运行脚本

onmessage

当触发消息时运行脚本

onoffline

当文档离线时运行脚本

ononline

当文档上线时运行脚本

onpagehide

当窗口隐藏时运行脚本

onpageshow

当窗口可见时运行脚本

onpopstate

当窗口历史记录改变时运行脚本

onredo

当文档执行再执行操作（redo）时运行脚本

onresize

当调整窗口大小时运行脚本

onstorage

当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本

onundo

当文档执行撤销时运行脚本

onunload

当用户离开文档时运行脚本

表单事件

属性

描述

onblur

当元素失去焦点时运行脚本

onchange

当元素改变时运行脚本

oncontextmenu

当触发上下文菜单时运行脚本

onfocus

当元素获得焦点时运行脚本

onformchange

当表单改变时运行脚本

onforminput

当表单获得用户输入时运行脚本

oninput

当元素获得用户输入时运行脚本

oninvalid

当元素无效时运行脚本

onreset

当表单重置时运行脚本。HTML 5 不支持。

onselect

当选取元素时运行脚本

onsubmit

当提交表单时运行脚本

键盘事件

属性

值

onkeydown

当按下按键时行脚本

onkeypress

当按下并松开按键时运行脚本

onkeyup

当松开按键时运行脚本

鼠标事件

属性

值

onclick

当单击鼠标时运行脚本

ondblclick

当双击鼠标时运行脚本

ondrag

当拖动元素时运行脚本

ondragend

当拖动操作结束时运行脚本

ondragenter

当元素被拖动至有效的拖放目标时运行脚本

ondragleave

当元素离开有效拖放目标时运行脚本

ondragover

当元素被拖动至有效拖放目标上方时运行脚本

ondragstart

当拖动操作开始时运行脚本

ondrop

当被拖动元素正在被拖放时运行脚本

onmousedown

当按下鼠标按钮时运行脚本

onmousemove

当鼠标指针移动时运行脚本

onmouseout

当鼠标指针移出元素时运行脚本

onmouseover

当鼠标指针移至元素之上时运行脚本

onmouseup

当松开鼠标按钮时运行脚本

onmousewheel

当转动鼠标滚轮时运行脚本

onscroll

当滚动元素的滚动条时运行脚本

多媒体事件

属性

值

onabort

当发生中止事件时运行脚本

oncanplay

当媒介能够开始播放但可能因缓冲而需要停止时运行脚本

oncanplaythrough

当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本

ondurationchange

当媒介长度改变时运行脚本

onemptied

当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本

onended

当媒介已抵达结尾时运行脚本

onerror

当在元素加载期间发生错误时运行脚本

onloadeddata

当加载媒介数据时运行脚本

onloadedmetadata

当媒介元素的持续时间以及其他媒介数据已加载时运行脚本

onloadstart

当浏览器开始加载媒介数据时运行脚本

onpause

当媒介数据暂停时运行脚本

onplay

当媒介数据将要开始播放时运行脚本

onplaying

当媒介数据已开始播放时运行脚本

onprogress

当浏览器正在取媒介数据时运行脚本

onratechange

当媒介数据的播放速率改变时运行脚本

onreadystatechange

当就绪状态（ready-state）改变时运行脚本

onseeked

当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本

onseeking

当媒介元素的定位属性为真且定位已开始时运行脚本

onstalled

当取回媒介数据过程中（延迟）存在错误时运行脚本

onsuspend

当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本

ontimeupdate

当媒介改变其播放位置时运行脚本

onvolumechange

当媒介改变音量亦或当音量被设置为静音时运行脚本

onwaiting

当媒介已停止播放但打算继续播放时运行脚本

其他事件

属性

值

onshow

当 <menu> 元素在上下文显示时触发

ontoggle

当用户打开或关闭 <details> 元素时触发

---来自腾讯云社区的---白胡杨同学