HTML5全局属性和事件

摘要:
  全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等。HTML5中又新增了一些特殊功能的全局属性和事件。
属性:
  HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML5 元素。

属性 描述

contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hidden规定该元素是无关的。被隐藏的元素不会显示。spellcheck规定是否必须对元素进行拼写或语法检查。
事件:

  下面列出了添加到 HTML5 元素以定义事件动作的全局事件属性。

Window 事件

  针对 window 对象触发的事件(应用到 标签):

立即学习“前端免费学习笔记(深入)”;

属性 值 描述

onafterprintscript文档打印之后运行的脚本。onbeforeprintscript文档打印之前运行的脚本。onbeforeunloadscript文档卸载之前运行的脚本。onerrorscript在错误发生时运行的脚本。onhaschangescript当文档已改变时运行的脚本。onmessagescript在消息被触发时运行的脚本。onofflinescript当文档离线时运行的脚本。ononlinescript当文档上线时运行的脚本。onpagehidescript当窗口隐藏时运行的脚本。onpageshowscript当窗口成为可见时运行的脚本。onpopstatescript当窗口历史记录改变时运行的脚本。onredoscript当文档执行撤销(redo)时运行的脚本。onresizescript当浏览器窗口被调整大小时触发。onstoragescript在 Web Storage 区域更新后运行的脚本。onundoscript在文档执行 undo 时运行的脚本。

Form 事件
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):

立即学习“前端免费学习笔记(深入)”;

属性 值 描述

oncontextmenuscript当上下文菜单被触发时运行的脚本。onformchangescript在表单改变时运行的脚本。onforminputscript当表单获得用户输入时运行的脚本。oninputscript当元素获得用户输入时运行的脚本。oninvalidscript当元素无效时运行的脚本。

Mouse 事件
由鼠标或类似用户动作触发的事件:

立即学习“前端免费学习笔记(深入)”;

属性 值 描述

ondragscript元素被拖动时运行的脚本。ondragendscript在拖动操作末端运行的脚本。ondragenterscript当元素元素已被拖动到有效拖放区域时运行的脚本。ondragleavescript当元素离开有效拖放目标时运行的脚本。ondragoverscript当元素在有效拖放目标上正在被拖动时运行的脚本。ondragstartscript在拖动操作开端运行的脚本。ondropscript当被拖元素正在被拖放时运行的脚本。onmousewheelscript当鼠标滚轮正在被滚动时运行的脚本。onscrollscript当元素滚动条被滚动时运行的脚本。

Media 事件
由媒介(比如视频、图像和音频)触发的事件(适用于所有 HTML 元素,但常见于媒介元素中,比如 、、HTML5全局属性和事件以及

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3127246.html

(0)
上一篇 2025年3月29日 20:47:42
下一篇 2025年3月10日 12:56:37

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 18个HTML5和JavaScript游戏引擎库

    1) Best HTML5 and javascript game engine Library-  Impactjs 2) Best HTML5 and javascript game engine Library – Cra…

    2025年3月29日 编程技术
    000
  • HTML插入Flash的全兼容完美解决方案-SWFObject

            flash 嵌入的问题朋友们可能认为很简单,但是具体到一些问题上来讲,就不是那么简单了,比如:ie浏览器对flash的拦截虚框怎么去掉?在ff、op、ns等其它浏览器是否兼容?代码是否符合w3c标准??等等         …

    编程技术 2025年3月29日
    100
  • html5学习笔记

    html5文档必须以开头lang为属性,属性值为en(定义语言为英语)或zh-CN(定义语言为中文)如果浏览器遵循w3c标准,lang属性可以用来定义样式,class定义了主要的样式,lang属性可以在此基础上做出修改, 比如:p{   f…

    编程技术 2025年3月29日
    100
  • 7款HTML5精美应用教程 让你立即爱上HTML5

    你喜欢HTML5吗?我想下面的这7个HTML5应用一定会让你爱上HTML5的,不信就一起来看看吧。 1、HTML5/jQuery雷达动画图表 图表配置十分简单 之前我们介绍过不少形形色色的HTML5图表了,像这款HTML5折线图表Arist…

    2025年3月29日 编程技术
    100
  • HTML5+jQuery实现支持桌面和移动拖动iPhone风格插件

      当我们为Web创造的东西,现在它是非常重要的,我们还记得网络已经从触摸板鼠标蔓延到触摸屏。有时候这是很难适应的,但经过不断努力创造一些真棒交叉设备友好的触摸和拖动!现在让我们用HTML5+jQuery实现支持桌面和移动拖动iPhone风…

    编程技术 2025年3月29日
    100
  • HTML5高级编程之像素处理及粒子效果

    HTML5中的像素处理,需要用到getImageData和putImageData两个函数,先用getImageData复制canvas画布中的像素数据,然后对获取的像素数据进行处理,最后再通过putImageData将处理完的数据粘贴到c…

    2025年3月29日 编程技术
    100
  • 一组免费的响应式 HTML5 & CSS3 网站模板

    今天给大家分享一组响应式网站模板,这些网站都是基于 HTML5 & CSS3 制作的干净、简单、响应式的网站。每个网站都提供了在线演示并可以免费下载使用。需要注意的是,下载的时候需要 Follow 作者的 Twitter。

    编程技术 2025年3月29日
    100
  • HTML5 新增结构元素

    HTML5 新增结构元素分为主体结构元素和非主体结构元素•主体结构元素包括 article、section、nav、aside、time•非主体结构元素包括 header、hgroup、footer、address一、主体结构元素artic…

    2025年3月29日 编程技术
    100
  • HTML5新增的结构元素

    在HTML 5中,新增了以下与结构相关的元素:   section元素 section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用,标示文档结构。 HTM…

    编程技术 2025年3月29日
    100
  • html/css应用的方法

            1、制作透明效果   opacity:0.7;   filter:alpha(opacity=70); 立即学习“前端免费学习笔记(深入)”;   2、清除浮层的另外方法   .clearfix:after {   cont…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论