绑定事件


<input type="bubtton" onclick="javascript:alert('I am clicked');">

处理事件

<script language="JavaScript" for="对象" event="事件">
...
(事件处理代码)
...
</script> 

鼠标事件举例

<script language="JavaScript" for="Button01" event="onclick" >
alert('I am clicked')
</script>
<input type="button"  id="Button01">

事件大全:

事件        浏览器支持        描写叙述


onClick        IE3N2O        鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

onDblClick        IE4N4O        鼠标双击事件

onMouseDown        IE4N4O        鼠标上的button被按下了

onMouseUp        IE4N4O        鼠标按下后,松开时激发的事件

onMouseOver        IE3N2O        当鼠标移动到某对象范围的上方时触发的事件

onMouseMove        IE4N4O        鼠标移动时触发的事件

onMouseOut        IE4N3O        当鼠标离开某对象范围时触发的事件

onKeyPress        IE4N4O        当键盘上的某个键被按下而且释放时触发的事件.[注意页面内必须有被聚焦的对象]

onKeyDown        IE4N4O        当键盘上某个按键被按下时触发的事件[注意页面内必须有被聚焦的对象]

onKeyUp        IE4N4O        当键盘上某个按键被按放开时触发的事件[注意页面内必须有被聚焦的对象]

页面相关事件



事件        浏览器支持        描写叙述

onAbort        IE4N3O3        图片在下载时被用户中断

onBeforeUnload        IE4NO3        当前页面的内容将要被改变时触发的事件

onError        IE4N3O3        捕抓当前页面由于某种原因而出现的错误,如脚本错误与外部数据引用的错误

onLoad        IE3N2O3        页面内空完毕传送到浏览器时触发的事件,包含外部文件引入完毕

onMove        IEN4O        浏览器的窗体被移动时触发的事件

onResize        IE4N4O        当浏览器的窗体大小被改变时触发的事件

onScroll        IE4NO        浏览器的滚动栏位置发生变化时触发的事件

onStop        IE5NO        浏览器的停止button被按下时触发的事件或者正在下载的文件被中断

onUnload        IE3N2O3        当前页面将被改变时触发的事件

表单相关事件



事件        浏览器支持        描写叙述

onBlur        IE3N2O3        当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]

onChange        IE3N2O3        当前元素失去焦点而且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]

onFocus        IE3N2O3        当某个元素获得焦点时触发的事件

onReset        IE4N3O3        当表单中RESET的属性被激发时触发的事件

onSubmit        IE3N2O3        一个表单被递交时触发的事件

滚动字幕事件



事件        浏览器支持        描写叙述

onBounce        IE4NO        在Marquee内的内容移动至Marquee显示范围之外时触发的事件

onFinish        IE4NO        当Marquee元素完毕须要显示的内容后触发的事件

onStart        IE4NO        当Marquee元素開始显示内容时触发的事件

编辑事件



事件        浏览器支持        描写叙述

onBeforeCopy        IE5NO        当页面当前的被选择内容将要拷贝到浏览者系统的剪贴板前触发的事件

onBeforeCut        IE5NO        当页面中的一部分或者所有的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件

onBeforeEditFocus        IE5NO        当前元素将要进入编辑状态

onBeforePaste        IE5NO        内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件

onBeforeUpdate        IE5NO        当浏览者粘贴系统剪贴板中的内容时通知目标对象

onContextMenu        IE5NO        当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的body中增加就可禁止使用鼠标右键了]

onCopy        IE5NO        当页面当前的被选择内容被复制后触发的事件

onCut        IE5NO        当页面当前的被选择内容被剪切时触发的事件

onDrag        IE5NO        当某个对象被拖动时触发的事件 [活动事件]

onDragDrop        IEN4O        一个外部对象被鼠标拖进当前窗体或者帧

onDragEnd        IE5NO        当鼠标拖动结束时触发的事件,即鼠标的button被释放了

onDragEnter        IE5NO        当对象被鼠标拖动的对象进入其容器范围内时触发的事件

onDragLeave        IE5NO        当对象被鼠标拖动的对象离开其容器范围内时触发的事件

onDragOver        IE5NO        当某被拖动的对象在还有一对象容器范围内拖动时触发的事件

onDragStart        IE4NO        当某对象将被拖动时触发的事件

onDrop        IE5NO        在一个拖动过程中,释放鼠标键时触发的事件

onLoseCapture        IE5NO        当元素失去鼠标移动所形成的选择焦点时触发的事件

onPaste        IE5NO        当内容被粘贴时触发的事件

onSelect        IE4NO        当文本内容被选择时的事件

onSelectStart        IE4NO        当文本内容选择将開始发生时触发的事件

数据绑定



事件        浏览器支持        描写叙述

onAfterUpdate        IE4NO        当数据完毕由数据源到对象的传送时触发的事件

onCellChange        IE5NO        当数据来源发生变化时

onDataAvailable        IE4NO        当数据接收完毕时触发事件

onDatasetChanged        IE4NO        数据在数据源发生变化时触发的事件

onDatasetComplete        IE4NO        当来子数据源的所有有效数据读取完成时触发的事件

onErrorUpdate        IE4NO        当使用onBeforeUpdate事件触发取消了数据传送时。取代onAfterUpdate事件

onRowEnter        IE5NO        当前数据源的数据发生变化而且有新的有效数据时触发的事件

onRowExit        IE5NO        当前数据源的数据将要发生变化时触发的事件

onRowsDelete        IE5NO        当前数据记录将被删除时触发的事件

onRowsInserted        IE5NO        当前数据源将要插入新数据记录时触发的事件

数据绑定



事件        浏览器支持        描写叙述


onAfterPrint        IE5NO        当文档被打印后触发的事件

onBeforePrint        IE5NO        当文档即将打印时触发的事件

onFilterChange        IE4NO        当某个对象的滤镜效果发生变化时触发的事件

onHelp        IE4NO        当浏览者按下F1或者浏览器的帮助选择时触发的事件

onPropertyChange        IE5NO        当对象的属性之中的一个发生变化时触发的事件

onReadyStateChange        IE4NO        当对象的初始化属性值发生变化时触发的事件

 

JavaScript-4.5 事件大全,事件监听---ShinePans的更多相关文章

  1. 关于JAVA中事件分发和监听机制实现的代码实例-绝对原创实用

    http://blog.csdn.net/5iasp/article/details/37054171 文章标题:关于JAVA中事件分发和监听机制实现的代码实例 文章地址: http://blog.c ...

  2. Pox启动及事件产生、监听分析

        ./pox/pox.py , Pox       实例化core=pox.core.initialize(),即为实例化POXCore类(该类是所有组件的交接点,提供组件注册功能),监听cor ...

  3. JavaEE开发之Spring中的事件发送与监听以及使用@Profile进行环境切换

    本篇博客我们就来聊一下Spring框架中的观察者模式的应用,即事件的发送与监听机制.之前我们已经剖析过观察者模式的具体实现,以及使用Swift3.0自定义过通知机制.所以本篇博客对于事件发送与监听的底 ...

  4. Spring知识点回顾(07)事件发布和监听

    Spring知识点回顾(07)事件发布和监听 1.DemoEvent extends ApplicationEvent { public DemoEvent(Object source, String ...

  5. spring 自定义事件发布及监听(简单实例)

    前言: Spring的AppilcaitionContext能够发布事件和注册相对应的事件监听器,因此,它有一套完整的事件发布和监听机制. 流程分析: 在一个完整的事件体系中,除了事件和监听器以外,还 ...

  6. apiCloud事件发送与监听

    apiCloud事件发送与监听 1.sendEvent 将任意一个自定义事件广播出去,该事件可在任意页面通过 addEventListener 监听收到. sendEvent({params}) 2. ...

  7. SpringBoot系列——事件发布与监听

    前言 日常开发中,我们经常会碰到这样的业务场景:用户注册,注册成功后需要发送邮箱.短信提示用户,通常我们都是这样写: /** * 用户注册 */ @GetMapping("/userRegi ...

  8. Spring事件发布与监听机制

    我是陈皮,一个在互联网 Coding 的 ITer,微信搜索「陈皮的JavaLib」第一时间阅读最新文章,回复[资料],即可获得我精心整理的技术资料,电子书籍,一线大厂面试资料和优秀简历模板. 目录 ...

  9. spring中的事件发布与监听

    点赞再看,养成习惯,微信搜索「小大白日志」关注这个搬砖人. 文章不定期同步公众号,还有各种一线大厂面试原题.我的学习系列笔记. spring事件发布与监听的应用场景 当处理完一段代码逻辑,接下来需要同 ...

随机推荐

  1. JNI概述

    JNI是Java Native Interface的缩写,它提供了若干的API实现了Java和其他语言的通信(主要是C&C++). JNI 让你在利用强大 Java 平台的同时,使你仍然可以用 ...

  2. 扩展gridview轻松实现冻结行和列(增强型)

    上一篇说过,还可以扩展gridview的分页功能以及实现导出结果为EXCEL/PDF的功能.实现好后应该封装起来,以方便后续的项目简单使用.至于要如何实现,我想不必过多的说了.下面是显示结果和主要的代 ...

  3. shell基本计算、逻辑运算、位运算详解

    转:http://blog.chinaunix.net/uid-8504518-id-3918531.html Shell 提供大量的基本运算操作,在脚本中非常有用.Shell 对您提供的算术表达式求 ...

  4. 【mybatis】idea中 mybatis的mapper类去找对应的mapper.xml中的方法,使用插件mybatis-plugin

    idea中 mybatis的mapper类去找对应的mapper.xml中的方法,使用插件mybatis-plugin,名字可能叫Free mybatis-plugin 安装上之后,可能需要重启ide ...

  5. XAMPP Apache + MySQL + PHP + Perl

    XAMPP Apache + MySQL + PHP + Perl 什么是XAMPP? XAMPP是最流行的PHP开发环境 XAMPP是完全免费且易于安装的Apache发行版,其中包含MySQL.PH ...

  6. Android API Guides---Host-based Card Emulation

    Host-based Card Emulation 很多提供NFC功能的Andr​​oid手机已经支持NFC卡模拟.在大多数情况下.该卡是由在该装置的单独芯片仿真,称为安全元件. 无线运营商提供了非常 ...

  7. Charles 抓HTTPS包报以下错误:

    1.You may need to configure your browser or application to trust the Charles Root Certificate. See S ...

  8. web报表工具FineReport经常使用函数的使用方法总结(日期和时间函数)

    web报表工具FineReport经常使用函数的使用方法总结(日期和时间函数) 说明:凡函数中以日期作为參数因子的,当中日期的形式都必须是yy/mm/dd.并且必须用英文环境下双引號(" & ...

  9. World Wind Java开发之三 显示状态栏信息

    先来看下本篇博客索要达到的效果: 找到源代码下的gov.nasa.worldwind.util下的StatusBar.java文件,能够看到状态栏显示的信息主要包含视点高度以及相应空间点三维坐标以及是 ...

  10. jQuery (样式篇)

    1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的 ...