`
thomas0988
  • 浏览: 484926 次
  • 性别: Icon_minigender_1
  • 来自: 南阳
社区版块
存档分类
最新评论

js触发事件备忘

阅读更多

一般事件
事件 浏览器支持 描述
onClick :  鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick :  鼠标双击事件
onMouseDown :  鼠标上的按钮被按下了
onMouseUp :  鼠标按下后,松开时激发的事件
onMouseOver :  当鼠标移动到某对象范围的上方时触发的事件
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 : 当对象的初始化属性值发生变化时触发

分享到:
评论

相关推荐

    HTML网页助手,包括JS万年历、闹钟、备忘录 常用查询.rar

    用户可以设置提醒时间,JavaScript将在指定时间触发提醒事件,显示通知或者播放声音。这涉及到JavaScript事件处理和时间管理。 3. **备忘录**:备忘录功能通常涉及到HTML表单用于输入数据,JavaScript处理表单提交...

    集成闹钟及备忘录功能的js日历

    【集成闹钟及备忘录功能的js日历】是一个基于JavaScript实现的多功能日历组件,它将传统的日历视图与闹钟和备忘录功能相结合,为用户提供了一个便捷的时间管理和提醒工具。这个组件特别适合于网页应用,能够帮助用户...

    JS DOM操作备忘

    **JS DOM操作备忘** 在JavaScript中,DOM(Document Object Model)是HTML和XML文档的结构化表示,它提供了一种标准的方式来访问和修改页面内容。这篇备忘将深入探讨如何利用JavaScript进行DOM操作,包括选择元素、...

    .NET的Calendar控件+AJAX打造简单版日历备忘录

    当鼠标移到日期上时,触发onmouseover事件,显示备忘录;当鼠标移开时,触发onmouseout事件,隐藏备忘录。同样,这里的备忘录信息也可以通过AJAX从服务器获取,以确保数据的实时性。 最后,关于存储和管理备忘录,...

    jquery+bootstrap 实现简单备忘录

    在本项目中,jQuery被用来处理用户交互,如添加、删除备忘录条目,以及监听和触发提醒事件。例如,我们可以使用jQuery的`$(document).ready()`函数确保页面加载完成后执行初始化操作,使用`$.ajax()`方法发送异步...

    常用javascript备忘册

    除此之外,JavaScript备忘册通常还会包含其他常见的功能,如字符串操作、数组处理、事件处理、DOM操作、AJAX请求等。比如,可能会有关于字符串格式化、数组排序、事件监听和触发、元素操作(如获取、设置属性、插入...

    微信小程序-备忘录案例

    例如,当用户点击“添加”按钮时,JS文件中的事件监听函数会被触发,获取输入框的内容,然后将其保存到小程序的全局数据或者本地存储中。同时,JS文件还需要负责更新视图,将新的备忘条目添加到列表中。此外,可能还...

    Vue.js实现备忘录功能

    Vue.js 是一款流行的前端JavaScript框架,它以组件化开发、数据双向绑定和简易上手而闻名。在本文中,我们将探讨如何使用Vue.js实现一个备忘录功能。 首先,备忘录功能通常包括添加新的备忘条目、显示已有的备忘...

    Qml写的备忘录

    为了进一步理解并改进这个备忘录应用,你可以分析`xinnotebodok`文件的内容,查看Qml组件的布局、数据模型的定义以及JavaScript代码的实现。同时,检查相关的C++代码,了解数据处理和业务逻辑。对于出现的小Bug,...

    微信小程序-备忘录示例代码.zip

    在备忘录应用中,可能会有`bindsubmit`事件处理新建备忘,`binddelete`处理删除备忘等。 6. **网络请求**:如果备忘录示例涉及数据持久化,可能需要使用微信小程序提供的`wx.request`接口进行网络请求,与服务器...

    jQuery日历表设置日期备忘录代码

    在这个示例中,当用户选择一个日期时,`onSelect`事件会被触发。我们获取选定的日期和备忘录内容,并进行相应的处理。在这个例子中,我们只是简单地在控制台打印信息并弹出一个警告框显示备忘录。在实际应用中,你...

    备忘录.zip小程序精选源码

    4. **事件处理**:通过JavaScript处理用户的交互事件,如点击、滑动等,实现功能触发。 5. **样式设计**:利用WXSS为组件设置样式,提供良好的用户体验。 6. **API调用**:可能包括微信提供的其他API,如获取用户...

    备忘录.zip

    7. **事件处理**:通过在组件上绑定事件监听器,可以响应用户的触摸操作,如点击按钮触发添加备忘、编辑或删除操作。这些事件处理通常在JS文件中定义。 8. **生命周期方法**:微信小程序的页面有其特定的生命周期,...

    原生JS代码制作带记事备忘功能的双月份显示效果的日历

    同时,为了展示备忘录,我们需要一个输入框供用户输入,以及一个按钮触发添加操作。 HTML结构示例: ```html &lt;div class="prev-month"&gt;&lt;/div&gt; &lt;h2 id="month-title"&gt;&lt;/h2&gt; &lt;div class="next-month"&gt;&lt;/div&gt; ...

    纯HTML开发的桌面助手(闹钟、日历、备忘录等).

    开发者可能需要处理时区和本地化问题,确保闹钟准确无误地在用户所处的时间触发。 备忘录功能可能基于HTML表单元素,如`&lt;textarea&gt;`用于输入备忘内容,`&lt;button&gt;`用于保存和删除备忘。数据的存储可能使用浏览器的...

    微信小程序事件倒计时,备忘录小程序ComingEvent-develop.zip

    - 用户交互:设计输入框让用户添加备忘,按钮触发保存操作;展示列表,用户可查看、删除或编辑已有的备忘。 - 界面布局:使用WXML和WXSS创建列表结构,每个备忘项包含标题、内容和操作区域。 - 数据管理:JavaScript...

    第09篇:跨站脚本(XSS)备忘单-2019版1

    备忘单中给出了不同浏览器下触发事件的例子,如`onafterprint`、`onanimationcancel`、`onanimationend`、`onanimationiteration`、`onanimationstart`、`onbeforeactivate`、`onbeforedeactivate`等,这些事件可以...

    微信小程序开发-工具类-备忘录案例源码.zip

    3. **数据绑定与事件处理**:WXML中的数据绑定机制使得界面上的元素可以动态显示后台数据,而JavaScript文件中会定义事件处理器,如点击添加、删除按钮时触发的操作。 4. **状态管理与数据持久化**:在JavaScript...

    前端:简易备忘录的制作

    当用户输入新备忘录并点击“添加”按钮时,JavaScript函数会捕获输入值,创建一个新的备忘录对象,并将其添加到数组中。同时,需要更新页面以显示新的备忘录。删除备忘录时,找到对应的对象并从数组中移除,同时更新...

    vue.js实现备忘录demo

    Vue.js 是一个流行的前端JavaScript框架,它用于构建用户界面,以数据驱动和组件化的方式进行开发。在这个备忘录的示例中,我们看到如何利用Vue.js的基本特性创建一个简单的备忘录应用。 首先,HTML结构是备忘录的...

Global site tag (gtag.js) - Google Analytics