绑定事件


<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. Windows python 3 安装OpenCV

    本文适用于想在window下使用python 3 的童鞋,安装openCV 有问题的参考 一.你要确定自己的python版本是3.x,在命令行窗口输入python 本人使用的是python 3.6 二 ...

  2. identifier is too long 异常处理

    修改了oracle中的表. 报 identifier is too long 错误 我执行的脚本是: ---备份create table MDT_AGREEMENTMANAGEMENT_2018080 ...

  3. MathType如何插入竖直线

    不用键盘上的竖线,用左竖直线和右竖直线.

  4. 地图投影与ArcGIS坐标系转换

    1. 通常GIS项目涉及到的坐标系 (1)面向局部区域的大比例尺二维平面:高斯投影(横轴墨卡托) 说明:在市一级的小范围区域的GIS系统,比如规划局.国土局.建设局的系统,大都使用高斯投影,以便与地方 ...

  5. jquery给input标签添加data-options属性

    //原生JS实现document.getElementById('startPrice').setAttribute("data-options", "required: ...

  6. cmd不是内部命令解决方法

    当进入cmd之后,经常会出现这样的提示“不是内部命令”等,给一些习惯使用cmd排查故障的IT管理员带来了困扰,现将解决方法介绍一下,希望能帮助你. 1.看看你机子里的 c:\windows\syste ...

  7. JavaScript中的bind方法及其常见应用

    一.bind()方法的实现 在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用.就拿最常见的console.log("info…")来说,避免书写 ...

  8. android源代码下载备注

    android源代码下载的參考网上比較多,就不贴上来了,主要是备注下下载源代码过程中须要注意的地方. 1. google官方下载步骤地址: http://source.android.com/sour ...

  9. Druid对比Impala/Shark

    Druid 和 Impala Shark 的对比取决于产品要求, 取决于系统是设计成做什么的 Druid 被设计成 一直在线, 高可用性    实时插入数据    分片分块形式的任意查询据我所知 Im ...

  10. hadoop提交作业自定义排序和分组

    现有数据如下: 3 3 3 2 3 1 2 2 2 1 1 1 要求为: 先按第一列从小到大排序,如果第一列相同,按第二列从小到大排序 如果是hadoop默认的排序方式,只能比较key,也就是第一列, ...