`
tmartin
  • 浏览: 104887 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Html事件列表

阅读更多

Html事件列表

一般事件:
onClick HTML : 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 鼠标双击事件
onMouseDown HTML: 鼠标上的按钮被按下了
onMouseUp HTML: 鼠标按下后,松开时激发的事件
onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 鼠标移动时触发的事件
onMouseOut HTML: 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件:
onAbort HTML: 图片在下载时被用户中断
onBeforeUnload HTML: 当前页面的内容将要被改变时触发的事件
onError HTML: 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad HTML: 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove HTML: 浏览器的窗口被移动时触发的事件
onResize HTML: 当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 当前页面将被改变时触发的事件

表单相关事件:
onBlur HTML: 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 当某个元素获得焦点时触发的事件
onReset HTML: 当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 一个表单被递交时触发的事件

滚动字幕事件:
onBounce HTML: 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 当Marquee元素开始显示内容时触发的事件

编辑事件:
onBeforeCopy HTML:当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 当前元素将要进入编辑状态
onBeforePaste HTML: 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 当页面当前的被选择内容被复制后触发的事件
onCut HTML: 当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML:当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter HTML: 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 当某对象将被拖动时触发的事件
onDrop HTML: 在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture HTML: 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 当内容被粘贴时触发的事件
onSelect HTML: 当文本内容被选择时的事件
onSelectStart HTML当文本内容选择将开始发生时触发的事件

数据绑定:
onAfterUpdate HTML: 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML:当数据来源发生变化时
onDataAvailable HTML: 当数据接收完成时触发事件
onDatasetChanged HTML: 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter HTML:当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML:当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 当前数据源将要插入新数据记录时触发的事件

外部事件:
onAfterPrint HTML: 当文档被打印后触发的事件
onBeforePrint HTML: 当文档即将打印时触发的事件
onFilterChange HTML: 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 当对象的初始化属性值发生变化时触发的事件

分享到:
评论

相关推荐

    JavaScript鼠标常用事件列表

    JavaScript是一种广泛应用于网页...这个HTML文件提供的列表将帮助开发者快速查找和理解JavaScript中的各种鼠标事件,从而更好地实现用户交互功能。在实际项目中,结合CSS和DOM操作,可以创建丰富的动态效果和用户界面。

    MUI列表条目点击事件代码

    除此之外,MUI还提供了丰富的API和插件,如下拉刷新、上拉加载更多、侧滑菜单等,这些都可以与列表点击事件结合使用,以实现更复杂的交互效果。例如,你可能希望在点击某个列表项后,下拉刷新或上拉加载更多的数据。...

    javascript 触发事件列表

    ### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被...

    博主推荐html好看的列表滚动效果(源码)

    本文将深入探讨如何使用HTML来实现一个美观且功能丰富的列表滚动效果,同时提供了一个博主推荐的源码示例。这个效果旨在提升用户界面的互动性和视觉吸引力。 首先,我们要实现的是列表的无缝滚动效果。在HTML中,这...

    鼠标事件列表--html中所有事件的列表

    以下是对标题和描述中涉及的一些主要HTML鼠标事件的详细说明: 1. onClick:这是最常见的事件,当用户单击鼠标左键时触发。常用于链接、按钮等元素,执行特定的操作或跳转。 2. onDblClick:当用户快速连续两次...

    JavaScript触发事件列表

    "JavaScript触发事件列表" JavaScript是一种广泛应用于Web开发的编程语言,它提供了许多事件处理机制,以便开发者能够捕捉和响应用户交互操作。下面是JavaScript触发事件列表,涵盖了常见的事件类型和应用场景: ...

    鼠标事件.html

    在HTML事件模型中,事件会从最深的节点向上冒泡到根节点,也可以选择在捕获阶段处理。`addEventListener`的第三个参数可以设置事件处理模式,值为`true`表示捕获模式,`false`(默认)表示冒泡模式。 总结,HTML中...

    可输入的html下拉列表框,自带筛选

    "可输入的HTML下拉列表框,自带筛选"是一种优化用户体验的常见功能,它允许用户在下拉菜单中通过输入关键字来快速定位并选择所需项,极大地提高了操作效率。这种技术主要涉及到HTML、CSS以及JavaScript等前端技术,...

    JavaScript学习文档大全.zip #资源分享达人#

    我这里首先有一个完整的笔记(上几万字总结),还有参考文档,其中包含:Array对象的方法参考表格,Canvas参考手册,Date对象方法参考表格,HTML事件列表,jQuery的事件方法,jQuery选择器参考手册,Math参考文档,...

    javascript事件列表解说

    本篇文章将深入解析JavaScript事件列表,帮助你更好地理解和应用这些事件。 首先,JavaScript事件分为两类:浏览器事件和DOM(文档对象模型)事件。浏览器事件主要与用户的交互有关,如点击、滚动、提交表单等;DOM...

    HTML二级联动下拉列表框的实现,如选择 省,市.zip

    这里使用`addEventListener`方法添加事件监听器,`onChange`事件触发时执行更新城市列表的函数: ```javascript document.getElementById('province').addEventListener('change', function() { // 更新城市列表...

    移动端html5实现列表左滑删除

    综上所述,移动端HTML5实现列表左滑删除是一个涉及HTML结构、CSS样式、JavaScript事件处理、数据绑定以及用户体验多方面技术的综合应用。通过合理的设计和实现,可以创建出既美观又实用的交互功能。

    html5左滑删除列表

    在HTML5移动应用开发中,实现“左滑删除”功能是一项常见的需求,特别是在构建列表界面时,例如消息中心、待办事项或者联系人列表。这个功能可以提供用户友好的交互体验,让他们能够快速地对列表中的条目进行操作。...

    用JavaScript来美化HTML的select标签的下拉列表效果

    这涉及到绝对定位和事件委托,确保点击自定义下拉菜单时,实际上触发的是原生select的行为,同时也要处理键盘事件(如↑和↓)来模拟原生下拉列表的切换效果。 4. 透明度控制:另一种方法是不隐藏原生select,而是...

    html5菜单列表项展开动画特效.zip

    HTML5菜单列表项展开动画特效是网页设计中一种吸引用户注意力和提升用户体验的常见技术。在这款基于jQuery和HTML5实现的特效中,通常会利用汉堡包图标作为导航菜单的触发器,当用户点击这个图标时,菜单会以动画的...

    HTML5+CSS3图片选中列表选中

    在这个“HTML5+CSS3图片选中列表”项目中,结合JavaScript库jQuery,我们可以实现一个高效且用户体验良好的图片选中系统。以下是关于这个项目的一些关键知识点: 1. HTML5新特性: - `data-*`属性:用于在HTML元素...

    html5触屏手机滑动删除列表项

    1. **监听触摸事件**:在列表项元素上绑定`touchstart`事件,记录下触摸开始时的位置。 2. **计算滑动距离**:在`touchmove`事件中,获取手指当前的位置,与初始位置对比计算出滑动的距离。 3. **判断滑动方向**:...

    jQuery+html5点击展开菜单列表项动画特效

    总结来说,"jQuery+html5点击展开菜单列表项动画特效"是一个结合了HTML5语义元素、CSS3动画和jQuery事件处理的实例。它展示了如何利用这些技术来提升用户体验,创造直观且动态的网页交互。通过理解并实践这样的项目...

Global site tag (gtag.js) - Google Analytics