javascript 触发事件列表 比较不错

2015-04-10  来源:本站原创  分类:基础知识  人气:1 

javascript 触发事件列表,整理的一些js的事件,一般常用的就是onclick,onmouseover等。大家可以了解下,方便以后应用。

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 触发事件列表 比较不错 2015-04-10

    javascript 触发事件列表,整理的一些js的事件,一般常用的就是onclick,onmouseover等.大家可以了解下,方便以后应用. 1.单击事件___onclick 用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行. 如:<input type="button" value="打开页面" onlick="window.open('xxxx.html','newwindow','width=456,he

  • 用javascript获取当页面上鼠标光标位置和触发事件的对象的代码 2014-07-30

    用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法 用javascript获取鼠标位置: function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY +

  • 键盘 keycode的值 javascript时触发事件时很有用的要素 2015-03-02

    键盘keycode的值 编写javascript时触发事件时很有用的要素,大家可以收藏一下. keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5 = keycode 6 = keycode 7 = keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 10 = keycode 11 = keycode 12 = Clear keycode 13

  • Javascript 浏览器事件小结 2014-03-15

    Javascript中的事件都是与对象相关联的,而不是语言本身所有,当Javascript在浏览器中运行的时候,事件与每个浏览器实现的DOM模型有关. 事件本身相当直观,常用的有: 事件 描述 abort 图片被阻止而不能加载 blur,focus 失去焦点,获得焦点 change 适用于表单元素,当元素使其焦点的时候判断是否发生改变 click,dblclick 单击,双击 keydown,keyup,keypress 按下键,键离开,按下键的时候触发,注意keypress只对数字字母键有效

  • JavaScript的事件代理和委托实例分析 2015-02-07

    在javasript中delegate这个词经常出现,看字面的意思,代理.委托.在各种框架中,也经常能看到delegate相关的接口.这些接口又有什么特殊的用法呢?这篇文章就主要通过实例介绍一下javascript delegate的用法和原理. 在JavaScript中,经常会碰到要监听列表中多项li的情形,假设我们有一个列表如下: <ul id="list"> <li id="item1">item1</li> <li

  • javascript的事件触发器介绍的实现 2013-10-25

    这篇文章主要介绍了javascript的事件触发器介绍的实现,本文所指触发器是用程序来触发绑定的事件,而不是人为的去触发,需要的朋友可以参考下 事件触发器从字面意思上可以很好的理解,就是用来触发事件的,但是有些没有用过的朋友可能就会迷惑了,事件不是通常都由用户在页面上的实际操作来触发的吗?这个观点不完全正确,因为有些事件必须由程序来实现,如自定义事件,jQuery的ajax框架的一些自定义事件就必须由事件触发器来实现.当然,在一些特殊情况下,用事件触发器来触发事件比用户的实际操作来触发事件更方便

  • jquery实现勾选复选框触发事件给input赋值 2013-11-09

    本文给大家介绍的是一段十分实用的代码,使用jQuery实现勾选复选框触发事件给input赋值,在制作项目的时候经常需要用到此功能,这里分享给大家. 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_bla

  • js判断iframe内的网页是否滚动到底部触发事件 2013-12-31

    这篇文章主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下 之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一下, 找到了解决方法. clientHeight:这个元素的高度,占用整个空间的高度 offsetHeight:是指元素内容的高度 scrollTop:可以理解为滚动条可以滚动的长度 以下是源代码 <iframe src="~/Files/3.html" id=&qu

  • javascript在事件监听方面的兼容性小结 2014-02-15

    javascript 在事件监听方面的兼容性总结,注意是由于多个浏览器的不一致,导致大家在js书写时需要考虑多个浏览器的兼容性. 1,IE使用attachEvent/detachEvent方法来添加和删除事件监听器:w3c使用addEventListener/removeEventListener方法. 2,IE对其事件使用onevent的命名方式,而w3c的是event的命名方式. 3,IE事件监听器内使用的是一个全局的Event对象,而w3c是将event对象作为参数传递给监听器. 4,为了

  • ASP.Net防止刷新自动触发事件的解决方案 2014-02-18

    使用asp.net,在刷新页面的时候会自动触发服务器端的事件.举个简单的例子,如:一个注册页面,我们填写完注册信息之后,如果按F5刷新之后,会自动触发到Button事件上,这样就造成了又注册了一次的麻烦. 我先前的解决方案:用关键字查询,如有相同,则提示已有此用户. 但是这种方案不能在没有表识的情况下使用,他会重新提交.鉴于此,我寻找了一种新的解决方案,很庆幸,在朋友的提点下,迸发了这样的解决方案,肯定有更好的解决方案,不吝赐教. 解决思路:刷新时,捕捉KeyPress,让他触发其他无用的事件.

  • jquery实现input输入框实时输入触发事件代码 2014-02-24

    如何实现input输入框实时输入触发事件,下面有个不不错的示例使用jquery实现的,感兴趣的朋友可以参考下 <input id="productName" name="productName" class="wid10" type="text" value="" /> 复制代码 代码如下: //绑定商品名称联想 $('#productName').bind('input propertycha

  • Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法 2014-04-15

    这篇文章主要介绍了Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以参考下 Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重

  • ASP.Net中防止刷新自动触发事件的解决方案 2014-05-10

    使用asp.net,在刷新页面的时候会自动触发服务器端的事件.举个简单的例子,如:一个注册页面,我们填写完注册信息之后,如果按F5刷新之后,会自动触发到Button事件上,这样就造成了又注册了一次的麻烦. 我先前的解决方案:用关键字查询,如有相同,则提示已有此用户. 但是这种方案不能在没有表识的情况下使用,他会重新提交.鉴于此,我寻找了一种新的解决方案,很庆幸,在朋友的提点下,迸发了这样的解决方案,肯定有更好的解决方案,不吝赐教. 解决思路:刷新时,捕捉KeyPress,让他触发其他无用的事件.

  • javascript 鼠标事件总结 2014-06-24

    javascript的鼠标事件是个比较庞大的家族.需要的朋友可以参考下. 常见的有以下8个: mousedown:鼠标的键钮被按下. mouseup:鼠标的键钮被释放弹起. click:单击鼠标的键钮. dblclick:鼠标的键钮被按下. contextmenu :弹出右键菜单. mouseover:鼠标移到目标的上方. mouseout:鼠标移出目标的上方. mousemove:鼠标在目标的上方移动. mousedown事件与mouseup事件可以说click事件在时间上的细分,顺序是mou

  • jquery实现按Enter键触发事件示例 2014-07-10

    按Enter键触发事件比如提交等等,下面有个不错的示例,感兴趣的朋友可以参考下 $(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { //to do something; } }; });

  • asp.net页面触发事件panel滚动条高度不变的实现方法 2014-07-11

    asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端,每次都要往下拉一下,关于这个问题的解决方法如下 此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发. 原理是在点击时保存panel滚动条的位置,页

  • JavaScript onkeydown事件入门实例(键盘某个按键被按下) 2014-07-14

    这篇文章主要介绍了JavaScript onkeydown事件入门实例,onkeydown事件捕捉键盘上某个按键被按下的情况,需要的朋友可以参考下 JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress 事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCod

  • js 绑定带参数的事件以及手动触发事件 2014-08-10

    js 绑定带参数的事件以及手动触发事件,需要的朋友可以参考下. 1.html代码 <div> <div id="tab"> <h2>标题一</h2> <h2>标题二</h2> <h2>标题三</h2> <h2>标题四</h2> div> <dl id="tabcon"> <dd>内容一</dd> <d

  • js实现浏览器窗口大小被改变时触发事件的方法 2014-09-04

    这篇文章主要介绍了js实现浏览器窗口大小被改变时触发事件的方法,实例分析了window.onresize方法的使用技巧,需要的朋友可以参考下 本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法.分享给大家供大家参考.具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: window.onresize = function(){ } 例如: 浏览器可见区域信息: 复制代码 代码如下: <span id="info_jb51_net&qu

  • jQuery实现长按按钮触发事件的方法 2014-12-21

    这篇文章主要介绍了jQuery实现长按按钮触发事件的方法,可应用于手机端应用程序的开发中,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuery实现长按按钮触发事件的方法.分享给大家供大家参考.具体分析如下: 现在手机端的快速发展,使许多手机手势需要制作到手机版的网页过程中 网上有许多长按按钮的插件,甚至仅仅是jQuery Mobile都有长按事件 但是基于种种的兼容性问题, 只使用jquery去实现长按动作,可以在手机端与电脑端保持极强的兼容性 一.基本目标 制作一个按钮,实质上一