js 触发事件列表

本文16个javascript 触发事件,收集起来方便大家查询。

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键或者单击浏览器中的"帮助"按钮时触发的事件

时间: 2024-09-12 06:22:24

js 触发事件列表的相关文章

chrome-C#开发的ActiveX谷歌浏览器上js触发事件问题 紧急求解

问题描述 C#开发的ActiveX谷歌浏览器上js触发事件问题 紧急求解 ActiveX利用网银插件ActiveX for chrome加载到chrome上.但是事件在js中无法触发, 有做过这方面的大牛请帮帮忙! 解决方案 最好用ie浏览器试试的,js上引用那个ocx控件 解决方案二: 关键我这个项目要chrome啊

js触发事件-input输入中文时字母不触发

问题描述 input输入中文时字母不触发 我问题是要达到减少请求数,是在中文输入法模式下,会提前把拼音字母写入框中这样也会触发事件,能否判断出用户是否在输入中文,在没完成前不触发 解决方案 可以用正则来判断输入的是否为中文,如果为中文则触发事件,否则不触发 解决方案二: 你需求是什么,,, 解决方案三: 用oninput或者onpropertychange事件,而不是onkeydown

javascript 触发事件列表 比较不错_基础知识

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

js事件列表

js javascript事件列表解说事件浏览器支持解说一般事件onclickIE3.N2 鼠标点击时触发此事件ondblclickIE4.N4 鼠标双击时触发此事件onmousedownIE4.N4 按下鼠标时触发此事件onmouseupIE4.N4 鼠标按下后松开鼠标时触发此事件onmouseoverIE3.N2 当鼠标移动到某对象范围的上方时触发此事件onmousemoveIE4.N4 鼠标移动时触发此事件onmouseoutIE4.N3当鼠标离开某对象范围时触发此事件onkeypress

JS触发服务器控件的单击事件(详解)_javascript技巧

如下所示: <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#a_doClick").click(function () { $("#<%=btnTest.ClientID%&g

js判断iframe内的网页是否滚动到底部触发事件

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

js 触发select onchange事件代码

 select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,本文为大家介绍下使用js触发select onchange事件 select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件,  例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("province&

JS触发方法事件,三个下拉框,其中任意两个有值,第三个改变时触发,

问题描述 JS触发方法事件,三个下拉框,其中任意两个有值,第三个改变时触发, JS触发方法事件,三个下拉框,其中任意两个有值,第三个改变时触发, 解决方案 3个select的事件都判断下是否都有值了,有了就执行相关代码 if(sel1.value!=''&&sel2.value!=''&&sel3.value!=''){ //..... } 解决方案二: JS改变input的value值不触发onchange事件解决方案 解决方案三: 你这是什么意思?任意两个有值?第三个改

js搜索提示框用什么触发事件

问题描述 js搜索提示框用什么触发事件 找了一个jquery的框架,但是发现没有从后台获取数据,然后自己改了一下,后来就是我只要按键了,就会去请求一次,我又给加了中文正则,结果我不输入,按上下键选择也会触发keyup事件,怎么才能给它去掉,就是我输入的时候才会触发,而不是我随意按一下按键就触发了,如图,拿到数据,我只是按上下键选择,然后还在请求后台 解决方案 问题以解决,还是用得keyup事件,不过限制了keyCode,就是当用户按上,下键选择的时候直接return不再请求后台了.还是谢谢了 解