绑定事件


<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. 如何在mac中通过命令行使用sublime

    ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl 后续就可以通过  ...

  2. ZK的数据结构特点

    ZK的数据结构特点 ZooKeeper这种数据结构有如下这些特点: 1. 每个子目录项如NameService都被称作znode,这个znode是被它所在的路径唯一标识,如Server1这个znode ...

  3. 如何查看oracle的sid

      1.怎样查看Oracle的数据库名称sid 用sysdba身份登录 比如 conn sys/密码 as sysdba 匿名管理员登陆 执行 select name form V$database; ...

  4. js循环遍历的两种方法for循环和for ... in 循环

    JS数组的遍历方法有两种: 第一种:一般的for循环,例如: var a = new Array("first", "second", "third& ...

  5. kettle新手教程

     1.kettle介绍 kettle是一个ETL(Extract, Transform and Load抽取.转换.加载)工具,ETL工具在数据仓库项目使用很频繁,kettle也能够应用在下面一些 ...

  6. 原型设计工具——Axure

    1,百度百科 http://baike.baidu.com/view/3332366.htm?from_id=5056136&type=syn&fromtitle=axure& ...

  7. “DllRegisterServer的调用失败”问题解决办法(转)

    在日常的工作中,用regsvr32 命令注册dll组件是,会碰到模块"xxx.dll"已加载,但DllRegisterServer的调用失败.特别是再在xp的系统上能正确注册,但是 ...

  8. BIO的简单Demo

    package jesse.test1; import java.io.BufferedReader; import java.io.IOException; import java.io.Input ...

  9. MongoDB mongoimport 报错:lost connection to server

    MongoDB对单次处理有大小限制,所以导入大文件会出问题. mongoimport 默认10000条 为一批导入,但如果单条数据过大,就会导致单次处理数据超过大小限制. 参数 --batchSize ...

  10. java web--百度百科

    Java Web,是用Java技术来解决相关web互联网领域的技术总和.web包括:web服务器和web客户端两部分.Java在客户端的应用有java applet,不过使用得很少,Java在服务器端 ...