记录成长
分享快乐

HTML全局属性及事件属性收集整理

一直不明白W3CSchool上的全局属性手册中为什么没有属性的值,而在所有值都是Script的事件属性中却在手册中全加上了,查阅起来十分不方便,于是自己根据W3CSchool的全局属性及事件属性又重新整理了一份,与其说重新整理更像是从W3CSchool中将这些属性搬过来然后全局属性添加上了属性的值、事件属性删除掉了属性的值而已。希望这样可以帮助大家在查阅的时候更加清晰明了。

全局属性

除非特殊说明,HTML的全局属性适用于几乎所有的标签,对于HTML的老手们来说对这些属性应该已经很熟悉了,而对于刚刚接触HTML的新手来说记住这些属性将会对于我们理解HTML页面很有帮助。

属性 描述
accesskey character 规定激活(使元素获得焦点)元素的快捷键。
class classname 大多数时候用于指向样式表中的类(class)。也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
contenteditable true、false 规定元素内容是否可编辑。如果元素未设置 该属性,则会从其父元素继承该属性。HTML5新加入。
contextmenu menu_id 规定元素的上下文菜单。当用户右键点击元素时,会出现上下文菜单。HTML5新加入。
data-* somevalue 用于存储页面或应用程序的私有自定义数据。存储的数据能被页面中的JS利用,以创建更好的用户体验。HTML5新加入。
dir ltr、rtl 规定元素内容的文本方向。
draggable true、false、auto 规定元素是否可拖动。HTML5新加入。
dropzone copy、move、link 规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。HTML5新加入。
hidden / 布尔属性,规定元素仍未或不再相关。HTML5新加入。
id id 规定 HTML 元素的唯一的 id。
lang language_code 规定元素内容的语言。
spellcheck true、false 规定是否对元素进行拼写和语法检查。HTML5新加入。
style style_definition 规定元素的行内样式(inline style),style 属性将覆盖任何全局的样式设定。
tabindex number 规定元素的 tab 键控制次序(当 tab 键用于导航时)。
title text 规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。
translate yes、no 规定是否应该翻译元素内容。

事件属性

对于HTML的事件属性,所有的属性值均为Script脚本,所以这里讲事件属性的值一栏全部省略掉方便大家更清晰地了解HTML事件属性,同时HTML5新加入了大量的事件属性,这在一方面增加了大家对于HTML页面的可操作性,另一方面也加重了页面负担。大家在使用时仍需要谨慎些。

Window 事件属性

属性 描述
onafterprint 文档打印之后运行的脚本。HTML5新加入。
onbeforeprint 文档打印之前运行的脚本。HTML5新加入。
onbeforeunload 文档卸载之前运行的脚本。HTML5新加入。
onerror 在错误发生时运行的脚本。HTML5新加入。
onhaschange 当文档已改变时运行的脚本。HTML5新加入。
onload 页面结束加载之后触发。
onmessage 在消息被触发时运行的脚本。HTML5新加入。
onoffline 当文档离线时运行的脚本。HTML5新加入。
ononline 当文档上线时运行的脚本。HTML5新加入。
onpagehide 当窗口隐藏时运行的脚本。HTML5新加入。
onpageshow 当窗口成为可见时运行的脚本。HTML5新加入。
onpopstate 当窗口历史记录改变时运行的脚本。HTML5新加入。
onredo 当文档执行撤销(redo)时运行的脚本。HTML5新加入。
onresize 当浏览器窗口被调整大小时触发。HTML5新加入。
onstorage 在 Web Storage 区域更新后运行的脚本。HTML5新加入。
onundo 在文档执行 undo 时运行的脚本。HTML5新加入。
onunload 一旦页面已下载时触发(或者浏览器窗口已被关闭)。HTML5新加入。

Form 事件属性

属性 描述
onblur 元素失去焦点时运行的脚本。
onchange 在元素值被改变时运行的脚本。
oncontextmenu 当上下文菜单被触发时运行的脚本。HTML5新加入。
onfocus 当元素获得焦点时运行的脚本。
onformchange 在表单改变时运行的脚本。HTML5新加入。
onforminput 当表单获得用户输入时运行的脚本。HTML5新加入。
oninput 当元素获得用户输入时运行的脚本。HTML5新加入。
oninvalid 当元素无效时运行的脚本。HTML5新加入。
onreset 当表单中的重置按钮被点击时触发。HTML5 中不支持。
onselect 在元素中文本被选中后触发。
onsubmit 在提交表单时触发。

Keyboard 事件属性

属性 描述
onkeydown 在用户按下按键时触发。
onkeypress 在用户敲击按钮时触发。
onkeyup 当用户释放按键时触发。

Mouse 事件属性

属性 描述
onclick 元素上发生鼠标点击时触发。
ondblclick 元素上发生鼠标双击时触发。
ondrag 元素被拖动时运行的脚本。HTML5新加入。
ondragend 在拖动操作末端运行的脚本。HTML5新加入。
ondragenter 当元素元素已被拖动到有效拖放区域时运行的脚本。HTML5新加入。
ondragleave 当元素离开有效拖放目标时运行的脚本。HTML5新加入。
ondragover 当元素在有效拖放目标上正在被拖动时运行的脚本。HTML5新加入。
ondragstart 在拖动操作开端运行的脚本。HTML5新加入。
ondrop 当被拖元素正在被拖放时运行的脚本。HTML5新加入。
onmousedown 当元素上按下鼠标按钮时触发。
onmousemove 当鼠标指针移动到元素上时触发。
onmouseout 当鼠标指针移出元素时触发。
onmouseover 当鼠标指针移动到元素上时触发。
onmouseup 当在元素上释放鼠标按钮时触发。
onmousewheel 当鼠标滚轮正在被滚动时运行的脚本。HTML5新加入。
onscroll 当元素滚动条被滚动时运行的脚本。HTML5新加入。

Media 事件属性

属性 描述
onabort 在退出时运行的脚本。
oncanplay 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。HTML5新加入。
oncanplaythrough 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。HTML5新加入。
ondurationchange 当媒介长度改变时运行的脚本。HTML5新加入。
onemptied 当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。HTML5新加入。
onended 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。HTML5新加入。
onerror 当在文件加载期间发生错误时运行的脚本。HTML5新加入。
onloadeddata 当媒介数据已加载时运行的脚本。HTML5新加入。
onloadedmetadata 当元数据(比如分辨率和时长)被加载时运行的脚本。HTML5新加入。
onloadstart 在文件开始加载且未实际加载任何数据前运行的脚本。HTML5新加入。
onpause 当媒介被用户或程序暂停时运行的脚本。HTML5新加入。
onplay 当媒介已就绪可以开始播放时运行的脚本。HTML5新加入。
onplaying 当媒介已开始播放时运行的脚本。HTML5新加入。
onprogress 当浏览器正在获取媒介数据时运行的脚本。HTML5新加入。
onratechange 每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。HTML5新加入。
onreadystatechange 每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。HTML5新加入。
onseeked 当 seeking 属性设置为 false(指示定位已结束)时运行的脚本。HTML5新加入。
onseeking 当 seeking 属性设置为 true(指示定位是活动的)时运行的脚本。HTML5新加入。
onstalled 在浏览器不论何种原因未能取回媒介数据时运行的脚本。HTML5新加入。
onsuspend 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。HTML5新加入。
ontimeupdate 当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。HTML5新加入。
onvolumechange 每当音量改变时(包括将音量设置为静音)时运行的脚本。HTML5新加入。
onwaiting 当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲更多数据)运行脚本。
赞(1) 我要打赏
蝈蝈提醒:转载请注明出处哦>>>蝈蝈要安静 » HTML全局属性及事件属性收集整理
分享到: 更多 (0)

评论 抢沙发

  • Q Q(选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

博客文章有用,赏博主一包辣条~~~

支付宝扫一扫打赏

微信扫一扫打赏