javascript 触发事件列表 比较不错


Posted in Javascript onSeptember 03, 2009

1.单击事件___onclick
用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type="button" value="打开页面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');">

2.改变事件___onchange
当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的内容")>

3.选中事件____onselect
当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")>

4.获得焦点事件____onfocus
用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name="zhengjian" onfocus="alert("我成为焦点")>

5.失去焦点事件______onblur
失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.

6.载入文件事件____onload
当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>

7.卸载文件事件____onunload
与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>

8.鼠标覆盖事件 _____onmouseover
onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">

9.鼠标离开事件_____onmouseout
onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.

10.一般事件
ondbclick 鼠标双击事件
鼠标上的按键被按下时激活的事件
鼠标按下后,松开鼠标时触发的事件
鼠标移动里触发的事件.
onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象

11.页面相关事件
onabort 图片在下载时被用户中断
onbeforeunload 当前页面的内容将要被改变时触发的事件
onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove 浏览器的窗口被移动里触发的事件
onresize 当浏览器的大小被改变时触发的事件
onscroll 浏览器的滚动条位置发生变化时触发的事件
onstop 浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件.

12. 表单相关事件
onreset 当表单中reset属性被激活时触发的事件.
onsubmit 一个表单被递交时触发的事件.

13.滚动字幕事件
onbounce 当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish 当marquee元素完成需要显示的内容后触发的事件.
onstart 当marquee元素开始显示内容时触发的事件.

14.编辑事件.
onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.
onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象
oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.
<body oncontentmenu="return false">禁止使用鼠标右键
oncopy 当页面当前被选择内容被复制后触发的事件
oncut 当页面当前被选择内容被剪切时触发的事件
onpaste 当内容被粘贴时触发的事件
ondrag 当某个对象被拖动时触发的事件
ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.

15.数据绑定
onafterupdate 当数据完成由数据源到对象的传送时触发的事件
oncellchange 当数据来源发生变化时触发的事件
ondataavailable 当数据接收完成时触发的事件
ondatasetchanged 数据在数据源发生变化时触发的事件.
ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit 当前数据源的数据将要发生变化时触发的事件
onrowsdelete 当前数据记录将被删除时触发的事件
onrowsinserted 当前数据源将要插入新数据记录时触发的事件

16.外部事件
onafterprint 当文档被打印后触发的事件
onbeforeprint 当文档即将打印时触发的事件
onhelp 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件

Javascript 相关文章推荐
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
js动态改变select选择变更option的index值示例
Jul 10 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
基于jquery编写分页插件
Mar 07 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
Vue Object 的变化侦测实现代码
Apr 15 Javascript
javascript concat数组累加 示例
Sep 03 #Javascript
ie focus bug 解决方法
Sep 03 #Javascript
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 #Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 #Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 #Javascript
动态样式类封装JS代码
Sep 02 #Javascript
JS URL传中文参数引发的乱码问题
Sep 02 #Javascript
You might like
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
Bootstrap与Angularjs的模态框实例代码
2017/08/03 Javascript
使用JS动态显示文本
2017/09/09 Javascript
使用JavaScript破解web
2018/09/28 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
vue2.0自定义指令示例代码详解
2019/04/25 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
一起深入理解js中的事件对象
2021/02/06 Javascript
详解Python编程中包的概念与管理
2015/10/16 Python
浅析使用Python操作文件
2017/07/31 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
Python 实现递归法解决迷宫问题的示例代码
2020/01/12 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
python wsgiref源码解析
2021/02/06 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
会计毕业生自荐信
2013/11/21 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
社区植树节活动总结
2015/02/06 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python