`
zhanghh315
  • 浏览: 16861 次
  • 性别: Icon_minigender_2
  • 来自: 长春
社区版块
存档分类
最新评论

[转]js事件大全

    博客分类:
  • js
阅读更多

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

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

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

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

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

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


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

分享到:
评论

相关推荐

    ThreeJs开发(移动,旋转,相机,纹理,鼠标事件等源代码)

    Three.js是一个流行的JavaScript库,它简化了在浏览器中进行3D图形编程的过程,利用WebGL技术实现。下面将详细阐述这些知识点。 一、Three.js入门 Three.js提供了一个框架,使开发者能够轻松地创建3D模型和场景。它...

    通过Js实现Html转换成Word下载

    压缩包中的`jquery_1.12.4_jquery.min.js`是jQuery库,它简化了DOM操作和事件处理;`FileSaver.js`用于在浏览器中保存文件;`jquery.wordexport.js`则是专门用于HTML到Word转换的插件。 **HTML转Word的核心步骤:**...

    简体转繁体 繁体转简体 js JavaScript

    "简体转繁体 繁体转简体 js JavaScript"这个标题和描述暗示了我们将在JavaScript环境中讨论如何实现这种转换。JavaScript是一种广泛应用于Web开发的脚本语言,它允许我们在用户的浏览器端执行代码,提供实时的交互...

    太极转盘JS实现

    "太极转盘JS实现"是一项利用JavaScript(JS)编程语言和CSS技术来创建一个转动的太极图标的实践。太极图,源于中国古代哲学,象征着阴阳平衡,而将其应用于网页交互设计中,既体现了传统文化的融合,又展示了现代...

    touchtomouse.js:一个将触摸事件转换为鼠标事件JavaScript库

    本文将详细解析"touchtomouse.js"这个JavaScript库,它旨在将触摸事件转换为鼠标事件,从而使得触屏设备能更好地模拟传统鼠标操作。 "touchtomouse.js"库的核心功能是解决在触屏设备上使用基于鼠标事件的应用时可能...

    JS特效大全JavaScript特效

    "JS特效大全JavaScript特效"这个资源可能包含了一系列常用的、创新的JavaScript特效实现,包括但不限于动画效果、交互组件、数据可视化等。 首先,JS特效可以分为基础效果和复杂应用两大类。基础效果如页面元素的...

    [转]超级实用且不花哨的js代码大全

    2. **超强JS.txt**:这个文件可能是一份综合性的JavaScript代码集合,包含了多种功能强大的代码片段,例如动画效果、事件处理、DOM操作等。开发者可以从中寻找解决问题的灵感或者直接引用相关代码。 3. **textArea...

    js的各种事件,方便使用

    JavaScript事件是网页中发生的特定情况,例如鼠标点击、键盘按键或者页面加载完成。通过事件监听器,我们可以在这些事件发生时执行相应的代码。常见的事件包括: 1. click:鼠标点击事件 2. keydown/keyup:键盘...

    百度 touch js 解决 移动端click点击事件

    这是因为这两个库提供了丰富的DOM操作接口和事件处理机制,可以方便地与touch.js的事件系统集成。首先,你需要在页面中引入这两个库(如果选择使用jQuery,记得确保引入的是其移动端版本),然后引入百度touch.js。...

    web js转换简体繁体

    本文将详细介绍一个基于JavaScript实现的“web js转换简体繁体”插件,帮助开发者轻松实现这一功能。 JavaScript,作为前端开发的主要语言之一,具有丰富的库和工具,其中之一就是用于文字编码转换的工具。简体繁体...

    js精美图片翻转

    4. **JavaScript事件处理** JavaScript代码会监听用户的交互,比如点击或鼠标悬停事件,然后更新图片的CSS样式来触发翻转效果。例如: ```javascript document.querySelector('.flip-container')....

    使用threesixty.js 设置汽车外观360度旋转 外带两个开门关门的小动画 纯js实现

    threesixty.js是一个基于JavaScript的轻量级库,它使得创建交互式的360度产品视图变得简单。以下是关于这个主题的详细知识: 1. **threesixty.js介绍**: threesixty.js 是一个基于HTML5和JavaScript的库,专门...

    基于microsoftTranslator实现js中英文转换

    在JavaScript文件(例如`app.js`)中,我们需要监听按钮的点击事件,调用`translateText`函数: ```javascript document.getElementById("toEnglish").addEventListener("click", () =&gt; { const text = document....

    JS抽奖转盘

    总结来说,JS抽奖转盘是一个结合了JavaScript编程、DOM操作、动画制作、概率算法、用户界面设计等多个技术领域的项目,对于提升前端开发者的技术能力和实践经验具有很高的价值。通过实践这个项目,开发者不仅能掌握...

    ThreeJs的旋转缩放平移控件和性能监控控件

    在WebGL领域,Three.js是一个非常流行的JavaScript库,它使得在浏览器中创建3D图形变得更加简单。本篇文章将深入探讨Three.js中的两个重要组件:旋转缩放平移控件(OrbitControls)和性能监控控件(stats.min.js),...

    html js简繁转换

    本项目“html js简繁转换”旨在实现一种基于JavaScript的解决方案,允许用户在HTML页面上轻松地切换简体与繁体文字,无需刷新页面。这个功能对于具有多语言环境的网站尤其有用,它提升了用户体验,使用户可以按照...

    Node.js-微信amr音频转mp3模块

    Node.js作为一款轻量级、事件驱动的JavaScript运行环境,因其强大的非阻塞I/O特性,非常适合处理此类实时流媒体数据的转换任务。 该模块的核心功能在于提供了一个高效的AMR到MP3的编码转换接口。在Node.js环境中,...

    3D旋转幻灯banner焦点图js代码

    它通过JavaScript(js)编程实现,利用3D视觉效果来增强幻灯片的过渡动画,使得网页的交互体验更加生动有趣。3D旋转效果常常用于网站的首页,展示公司简介、产品展示或最新资讯等内容。 在这个场景中,"焦点图"是指...

    波斯日历自动转换Js版

    JavaScript,简称JS,是网络开发中最常用的一种脚本语言,主要用于客户端的网页交互。它能够操作DOM(文档对象模型),处理用户事件,以及执行各种动态效果。在这个项目中,JS被用来实现日期转换的功能,这涉及到对...

    jQuery通过拼音js文件实现汉字转拼音.rar

    本教程将介绍如何利用jQuery与一个名为`pinyinUtil.js`的JavaScript文件来实现汉字转拼音的功能,包括带声调的拼音、不带声调的拼音以及拼音首字母的转换。 首先,`pinyinUtil.js`是一个专门处理汉字转拼音的...

Global site tag (gtag.js) - Google Analytics