◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
鼠标事件大全
Post by 张美工, 2009-6-10, Views: 最近做项目的时候需要用到大量的鼠标事件,正好站上也少这一部分,整理了一些贴希望与我有共同需求的朋友们能用上!非常感谢编写事件的先驱们,给我们带来了如此大的方便,祝他们越来越牛~~
以下列出这 一般事件 页面相关事件 表单相关事件 滚动字幕事件 编辑事件 外部事件 几个事件
一般事件
事件 浏览器支持 描述
onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件
onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了
onMouseUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标按下后,松开时激发的事件
onMouseOver HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标移动时触发的事件
onMouseOut HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
----------------------------------------------------------------------------------------------------------------------
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O 图片在下载时被用户中断
onBeforeUnload HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当前页面的内容将要被改变时触发的事件
onError HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O 浏览器的窗口被移动时触发的事件
onResize HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前页面将被改变时触发的事件
---------------------------------------------------------------------------------------------------------------------
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当某个元素获得焦点时触发的事件
onReset HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 一个表单被递交时触发的事件
----------------------------------------------------------------------------------------------------------------------
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当Marquee元素开始显示内容时触发的事件
------------------------------------------------------------------------------------------------------------------
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前元素将要进入编辑状态
onBeforePaste HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当某对象将被拖动时触发的事件
onDrop HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当内容被粘贴时触发的事件
onSelect HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当文本内容被选择时的事件
onSelectStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当文本内容选择将开始发生时触发的事件
数据绑定事件 浏览器支持 描述
onAfterUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当数据来源发生变化时
onDataAvailable HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当数据接收完成时触发事件
onDatasetChanged HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源将要插入新数据记录时触发的事件
-----------------------------------------------------------------------------------------------------------------
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当文档被打印后触发的事件
onBeforePrint HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当文档即将打印时触发的事件
onFilterChange HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当对象的初始化属性值发生变化时触发
DIV+CSS 内容目录总 为了方便喜欢网站UE设计的各位朋友讨论和学习,特地将DIV+CSS全部内容的目录罗列出来
# 标准树状导航菜单
# 纯div+css实现下拉菜单
# 纯div+css实现 简洁型圆角矩形
# CSS无图片无锯齿完美圆角边框
# 纯CSS实现圆角框
# 体验div+css 之 圆角框(CSS3.0)
# 体验css+div 之圆角框
# 体验css+div 之层叠和特殊性
# css之自动换行
# 鼠标事件大全
# CSS控制连续英文字母或数字强制换行
# 让css使网页图片半透明
# 体验css+div 之背景透明内容不透明的写法
# 体验css+div 之给整个页面添加渐变背景
# 用css样式控制做成的按钮,取代图片按钮
# 体验css+div 之鼠标经过按钮发生变化效果
# 体验css+div 之文本框自适应窗口宽度
# 体验css+div 老问题重新讲“怎样使页面整体居中”
# 体验css+div 之使用自动空白边让设计居中
# 体验css+div之图像替换 1.徽标图像替换
# Dreamweaver的超级技巧汇总(6)
# Dreamweaver的超级技巧汇总(5)
#
#
#
# Dreamweaver的超级技巧汇总(1)
# 在线QQ MSN TEL交谈工具代码
# 方便使用的一些小简短input\form代码
# VSS使用手册
#
#
#
# I E和火狐的css兼容性问题归总
# 体验css+div 之 CSS hack:区分IE6,IE7,firefox
# 体验css+div 之 兼容标准XHTML的浮动层特效实现
# 因为编码差异 导致IE6不能正常解析CSS文件
# 商业网站响应用户需求重视与Firefox兼容
# frameset 的属性
# frameset元素属性详解、浮动框架的制作、超链接与框架的制作
# 体验css+div 之 网页切图过程中div+css命名规则
# 网站用户体验--根据项目需求定义 常用CSS2基本定义例子
# 体验css+div 之 三种使网站背景图片自动适应浏览器大小的方法
# 搜索
# 创建锚链接
# 如何让单行文本框input与多行文本框textarea背景透明
# 用EditPlus转化文件格式到UTF-8
# 让长字符URL/Email自动换行
# 体验css+div定位与table定位代码的差异
# 体验css+div 之 TBody是什么意思?有什么作用?<TBODY>和<BODY>有和区别?
# 体验css+div 超实用的滑动门效果代码(css和代码都包含在内)
# 体验css+div 之 解决流体布局的问题
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<弹性布局>
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<流体布局>
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<固定宽度布局>
# 体验css+div 之 为什么css+div 会盛行
# 体验css+div中id和class各自的用法及区别
+
或许你还对下面的文章感兴趣
Comments
- 1.陆晓东
- http://www.lxdong.com
- 为什么这么复杂?
- 2009-6-12 16:48:49 回复
