javascript 多浏览器 事件大全

一般事件 事件 浏览器支持 描述

onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击

onDblClick IE4|N4|O 鼠标双击事件

onMouseDown IE4|N4|O 鼠标上的按钮被按下了

onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件

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

onMouseMove IE4|N4|O 鼠标移动时触发的事件

onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件

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

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

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

页面相关事件 事件 浏览器支持 描述

onAbort IE4|N3|O 图片在下载时被用户中断

onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件

onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误

onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成

onMove IE|N4|O 浏览器的窗口被移动时触发的事件

onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件

onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件

onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

onUnload IE3|N2|O3 当前页面将被改变时触发的事件

表单相关事件 事件 浏览器支持 描述

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

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

onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件

onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件

onSubmit IE3|N2|O3 一个表单被递交时触发的事件

滚动字幕事件 事件 浏览器支持 描述

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

onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件

onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件

编辑事件 事件 浏览器支持 描述

onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件

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

onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态

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

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

onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]

onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件

onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件

onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件]

onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧

onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了

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

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

onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件

onDragStart IE4|N|O 当某对象将被拖动时触发的事件

onDrop IE5|N|O 在一个拖动过程中，释放鼠标键时触发的事件

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

onPaste IE5|N|O 当内容被粘贴时触发的事件

onSelect IE4|N|O 当文本内容被选择时的事件

onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件

数据绑定 事件 浏览器支持 描述

onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件

onCellChange IE5|N|O 当数据来源发生变化时

onDataAvailable IE4|N|O 当数据接收完成时触发事件

onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件

onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件

onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件

onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件

onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件

onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件

onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件

数据绑定 事件 浏览器支持 描述

onAfterPrint IE5|N|O 当文档被打印后触发的事件

onBeforePrint IE5|N|O 当文档即将打印时触发的事件

onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件

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

onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件

onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件

赞 (0)

相关推荐

  • javascript 多浏览器 事件大全

    一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3

  • myEvent.js javascript跨浏览器事件框架

    event究竟有多么复杂?可见前辈的6年前的努力:最佳的addEvent是怎样诞生的,后起之秀jQuery也付出了一千六百多行血汗代码(v 1.5.1)搞定了6年后出现的各种核的浏览器. 我参考前辈的代码以及自己的理解尝试写了一个事件框架,我的框架完成了一个事件机制的核心,它能提供统一接口实现多事件绑定以及避免内存泄漏等其他一些问题,更重要的是性能还不错. 我的手法: 所有回调函数根据元素.事件类型.回调函数唯一ID缓存在一个_create对象中(其内部具体结构可见下面源码的关于_cache的注

  • 详解javascript跨浏览器事件处理程序

    本文为大家分享了javascript跨浏览器事件处理机制,供大家参考,具体内容如下 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跨浏览器的事件处理程序</title> </head> <body> <input type="button" value=

  • javascript 跨浏览器开发经验总结（五） js 事件

    简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件,就是事件与页面元素直观的绑定在一起的形式,如: 复制代码 代码如下: <div onclick="alert(this.innerHTML);"> element.onclick = function(){alert(this.innerHTML);} 只要不是用了个别浏览器独有的事件,一般的click,mouseover事件等在各浏览器中都可以这么使用. 但是当一个事件需要绑定多个监听,或者需要动态注册/移出

  • JavaScript实现为事件句柄绑定监听函数的方法分析

    本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法.分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug.各种浏览器对于事件绑定都提供了很多方法,但可靠的只有3中: 1.传统的绑定方法: elem.onclick = function( event ){ alert(event.type + 'this.innerHTML'); }; a.传统的绑定方法,非常简单稳定,函数体内的this指向的也是指向正

  • JavaScript控制浏览器全屏显示简单示例

    JavaScript控制浏览器全屏显示简单示例

    本文实例讲述了JavaScript控制浏览器全屏显示.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

  • JavaScript中为事件指定处理程序的五种方式分析

    本文实例讲述了JavaScript中为事件指定处理程序的五种方式.分享给大家供大家参考,具体如下: JavaScript和HTML之间的交互是通过事件实现的. IE9.Firefox.Opera.Sarifi.Chrome都已经实现了DOM2级事件模块的核心部分,IE8是最后一个仍然使用其专有事件系统的主要浏览器. 事件流: 事件流描述的是从页面中接受事件的顺序,但IE和Netscape却提出了完全相反的事件流的概念,IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流. 1) 事件

  • 理解JavaScript中worker事件api

    理解JavaScript中worker事件api

    如果你不是很了解Event事件,建议先这篇文章<理解javascript中DOM事件>. 首先,我们需要实例一个Worker的对象,浏览器会根据新创建的worker对象新开一个接口,此接口会处理客户端与indexedDB数据库之间的通信.这里的数据库是指浏览器数据库.如果,你需要判断浏览器是否支持worker对象,详见如下代码.或者浏览器是否支持indexedDB数据库,详见同下,二者判断最好选择前者.因为IE不支持indexedDB . if(window.Worker){ dosometh

  • js 浏览器事件介绍

    js 浏览器事件介绍

    浏览器事件 浏览器事件指载入文档直到该文档被关闭期间的浏览器事件,如浏览器载入文档事件onload.关闭该文档事件onunload.浏览器失去焦点事件onblur.获得焦点事件onfocus 等. 先考察如下的代码: 复制代码 代码如下: //源程序3.1 <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <

  • JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题

    将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven

随机推荐