`
chenyunhong
  • 浏览: 140475 次
  • 性别: Icon_minigender_1
  • 来自: 真的不知道
社区版块
存档分类
最新评论

HTML5中元素事件大全

阅读更多

 

 

 

  •  onabort:当发生中止事件时运行脚本
  •  onblur:当失去焦点时运行脚本
  •  oncanplay:当媒体能够开始播放但可能因缓冲而需要停止时运行脚本(例如缓冲了一部分)
  •  oncanplaythrough:当媒体能够无需因缓冲而停止即可播放至结尾时运行脚本(例如已缓冲了所有)
  •  onchange:当元素改变时运行脚本
  •  onclick:当单击鼠标时运行脚本
  •  oncontextmenu:当触发上下文菜单时运行脚本
  •  ondblclick:当双击鼠标时运行脚本
  •  ondrag:当拖动元素时运行脚本
  •  ondragend:当拖动操作结束时运行脚本
  •  ondragenter:当元素被拖动至有效的拖放目标时运行脚本(进入时)
  •  ondragleave:当元素离开有效拖放目标时运行脚本(离开时)
  •  ondragover:当元素被拖动至有效拖放目标上方时运行脚本(悬上时)
  •  ondragstart:当拖动操作开始时运行脚本
  •  ondrop:当被拖动元素正在被拖放时运行脚本
  •  ondurationchange:当媒体长度改变时运行脚本
  •  onemptied:当媒体资源元素突然为空时(网络错误、加载错误等)运行脚本
  •  onended:当媒体已抵达结尾时运行脚本
  •  onerror:当在元素加载期间发生错误时运行脚本
  •  onfocus:当获得焦点时运行脚本
  •  onformchange:当表单改变时运行脚本
  •  onforminput:当表单获得用户输入时运行脚本
  •  oninput:当元素获得用户输入时运行脚本
  •  oninvalid:当元素无效时运行脚本
  •  onkeydown:当按下按键时运行脚本(还没松开时就触发)
  •  onkeypress:当按下并松开按键时运行脚本(必须经历按下、松开这一过程才触发)
  •  onkeyup:当松开按键时运行脚本(松开时即触发)
  •  onload:当加载时运行脚本
  •  onloadeddata:当加载媒体数据时运行脚本
  •  onloadedmetadata:当媒体元素的持续时间以及其他媒介数据已加载时运行脚本
  •  onloadstart:当浏览器开始加载媒介数据时运行脚本
  •  onmousedown: 当按下鼠标按钮时运行脚本
  •  onmousemove:当鼠标指针移动时运行脚本
  •  onmouseout:当鼠标指针移出元素时运行脚本
  •  onmouseover:当鼠标指针移至元素之上时运行脚本
  •  onmouseup:当松开鼠标按钮时运行脚本
  •  onmousewheel: 当转动鼠标滚轮时运行脚本
  •  onpause: 当媒体数据暂停时运行脚本
  •  onplay:当媒体数据将要开始播放时运行脚本
  •  onplaying:当媒体数据已开始播放时运行脚本
  •  onprogress:当浏览器正在取媒体数据时运行脚本
  •  onratechange:当媒体数据的播放速率改变时运行脚本
  •  onreadystatechange:当就绪状态(ready-state)改变时运行脚本
  •  onreset:当表单重置时运行脚本
  •  onscroll:当滚动元素滚动元素的滚动条时运行脚本
  •  onseeked:当媒体元素的定位属性不再为真且定位已结束时运行脚本
  •  onseeking:当媒介元素的定位属性为真且定位已开始时运行脚本
  •  onselect:当选取元素时运行脚本
  •  onshow:
  •  onstalled:当取回媒体数据过程中(延迟)存在错误时运行脚本
  •  onsubmit:当提交表单时运行脚本
  •  onsuspend:当浏览器已在取媒介数据但在取回整个媒体文件之前停止时运行脚本
  •  ontimeupdate:当媒体改变其播放位置时运行脚本
  •  onvolumechange:当媒体改变音量亦或当音量被设置为静音时运行脚本
  •  onwaiting:当媒体已停止播放但打算继续播放时运行脚本
分享到:
评论

相关推荐

    html5 svg 中元素点击事件添加方法

    最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,他们之间详细的区别如下: Canvas 与 SVG 的比较(详见) 下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •...

    HTML5元素周期表

    HTML5元素周期表还涵盖了事件处理和属性,例如`onclick`、`onmouseover`等,这些事件处理程序使得元素能够响应用户的交互。另外,`data-*`自定义属性允许开发者存储非语义化的数据,而`aria-*`属性则有助于无障碍...

    HTML5+页面元素拖拽事件+拖拽元素进入或从容器中拖出元素

    《HTML5+页面元素拖拽事件示例》是一份HTML5技术的示例资料。它详细介绍了如何利用HTML5的新特性,拖放API(Drag and Drop API),让网页元素实现动态交互。内容涵盖基本的拖拽事件如dragstart、dragover、drop等,...

    HTML4.0 参考手册 HTML事件资料大全

    同时,随着Web技术的发展,HTML5引入了更多新的事件和特性,但HTML4.0仍然是许多现有网站的基础,因此深入理解这一版本的HTML事件是非常有价值的。通过DHTML手册和HTML事件资料大全,开发者可以全面系统地学习这些...

    jQuery为动态生成的select元素添加事件的方法

    5. 示例代码分析:文章中提供的代码展示了如何为动态生成的select元素添加事件处理。首先,使用全局变量`strVoucherGroupSelect`来存储下拉框的HTML模板。接着,通过`getVoucherGroupData`函数发起Ajax请求获取数据...

    html5 canvas 画雷达图. 实现内部元素的click,mousemove,mouseout事件.

    在这个场景中,我们关注的是如何利用Canvas实现一个雷达图,并且为雷达图的内部元素添加click、mousemove和mouseout事件,增强用户交互体验。 首先,创建雷达图的基本步骤包括: 1. 获取Canvas元素:通过`document...

    unigrid添加html5 dom元素.rar

    5. **Unigrid与HTML5的结合**:可能涉及在Unigrid的单元格中嵌入HTML5内容,比如通过自定义单元格格式化函数来插入HTML5元素,或者利用JavaScript事件监听来响应用户交互。 6. **事件处理**:在Delphi中,可以绑定...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    这种机制允许我们通过相对较少的代码来处理多个层级的元素事件。 首先,我们要了解事件是如何在DOM树中传播的。当一个事件(如鼠标点击)在某个元素上触发时,该事件会先在该元素上触发其事件处理函数,然后依次向...

    HTML5超炫3D元素周期表三维图片墙效果

    在本项目中,“HTML5超炫3D元素周期表三维图片墙效果”是一个利用HTML5特性实现的创新性展示方式,它将传统的元素周期表与现代3D视觉效果相结合,为用户带来全新的浏览体验。 首先,我们要理解3D效果是如何在HTML5...

    HTML5 canvas元素背景梦幻小星星闪烁特效

    在这个“HTML5 canvas元素背景梦幻小星星闪烁特效”中,开发者利用canvas的强大功能,创建了一种视觉效果,使网页背景中的小星星在鼠标滑过时闪烁,增加了互动性和视觉吸引力。 首先,canvas元素在HTML5中是一个...

    HTML_5_事件属性

    HTML 5 事件属性是网页开发中不可或缺的一部分,它们允许开发者通过JavaScript响应用户的各种交互行为。这些事件属性为HTML元素提供了动态性和响应性,使得网页不仅具有静态展示内容的能力,还能根据用户的操作执行...

    HTML5实现可给任意元素添加魔幻效果的梦幻特效源码

    本主题中的“HTML5实现可给任意元素添加魔幻效果的梦幻特效源码”就是一个利用HTML5特性创建的动态特效示例。 这个特效的核心是通过JavaScript和CSS3来实现的。当用户将鼠标悬停在网页上的任何元素(如图片或文字)...

    HTML拖拽改变元素长度

    在`drag`和`drop`事件中,我们可以读取这个数据并根据用户的拖动操作来更新元素的尺寸。 4. **阻止默认行为**:在某些情况下,浏览器可能会有默认的拖放行为,例如处理链接的拖放。我们需要使用`event....

    JS动态添加删除HTML元素(实例)

    5. 元素操作:包括获取元素对象、添加元素、删除元素、修改元素属性等。 技术要点: * 使用 `findObj` 函数获取元素对象,解决浏览器兼容性问题。 * 使用 `insertRow` 方法添加新行,并设置行的 ID 和内容。 * ...

    HTML控件事件一览表

    HTML 控件事件是指在 Web 页面上与 HTML 元素相关的交互行为所触发的一系列事件。这些事件在 JavaScript 中尤为重要,因为它们允许开发者通过编程方式响应用户的操作或浏览器的状态变化。下面将详细介绍 TXT 文件中...

    html5中监听canvas内部元素点击事件的三种方法

    在HTML5中,Canvas元素作为一个绘图表面,其内部绘制的图形不具备DOM元素的特性,因此无法直接绑定点击事件。为了实现对Canvas内部图形的交互,开发者需要采取一些技巧来模拟这种行为。本文将探讨三种方法来监听...

    html5 滑动页面切换tab

    HTML5滑动页面切换Tab是现代网页设计中常见的一种交互方式,它允许用户通过滑动手势或点击Tab来浏览不同的内容区域。这种功能在移动设备上尤其流行,因为触摸屏的交互方式更适合滑动操作。以下是对这个主题的详细...

    HTML 控件 鼠标事件,HTML 控件 鼠标事件,HTML 控件 鼠标事件

    可以在此事件中进行最后的数据检查或预处理。 #### 4. `onload` 和 `onunload` `onload` 在页面加载完成时触发,`onunload` 在页面即将卸载时触发。前者用于页面初始化,后者用于清理资源或保存状态。 #### 5. `...

Global site tag (gtag.js) - Google Analytics