Javascript触发事件的语法

分类: 开发语言 > Javascript

一、js触发事件列表:

1、单击事件 ———— onclick

用户单击鼠标按键时产生的时间。同时onclick指定的时间处理程序或代码将调用执行。

2、改变事件 ———— onchange

当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件。

3、选中事件 ———— onselect

当text或textarea对象中的文字被选中里会引发该事件

4、获得焦点事件 ———— onfocus

用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件。

5、失去焦点事件 ———— onblur

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

6、载入文件事件 ———— onload

当页面文件载入时,产生该事件,onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在

标记中。

7、卸载文件事件 ———— onunload

与载入文件事件onload正在相反,当web页面退出时引发的事件,并可更新cookie的状态。

8、鼠标覆盖事件 ———— onmouseover

onmouseover是当鼠标位于元素上方时所引发的事件

9、鼠标离开事件 ———— onmouseout

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

10、一般事件

ondbclilck 鼠标双击事件(鼠标上的按键被按下时激活的事件;鼠标按下后,松开鼠标时触发的事件,鼠标移动里触发的是事件)

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 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件。

禁止使用鼠标右键

oncopy 当页面当期被选择内容被复制后触发的事件

oncut 当页面当前被选择内容被剪切时触发的事件

onpaste 当内容被粘贴时触发的事件

ondrag 当某个对象被拖动时触发的事件

ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件

15、数据绑定

onafterupdate 当数据完成由数据源到对象的传送时触发的事件

oncellchange 当数据来源发生变化时触发的事件

ondataavailable 当数据接收完成时触发的事件

ondatasetchanged 数据在数据源发生变化时触发的事件

ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件

onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件

onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件

onrowexit 当前数据源的数据将要发生变化时触发的事件

onrowsdelete 当期数据记录将被删除时触发的事件

onrowsinserted 当期数据源将要插入新数据记录时触发的事件

16、外部事件

onafterprint 当文档被打印后触发的事件

onbeforeprint 当文档即将打印时触发的事件

onhelp 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件

17、经典案例大全

oncontextmenu=return(false)     //屏蔽鼠标右键

onselectstart="return false"     //取消选取,防止复制

onpaste="return false"     //不准粘贴

oncopy="return false"     //防止复制

 

二、js刷新页面

1)javascript刷新页面的几种方法:

     1、history.go(0)

     2、location.reload() / windows.frame[0].reload()

     3、location=location

     4、location.assign(location)

     5、document.execCommand('Refresh')

     6、window.navigate(location)

     7、location.replace(location)

     8、ducument.URL=location.href

2)自动刷新页面

     1、页面自动刷新:     //其中20指每隔20秒刷新一次页面

     2、页面自动跳转:

     3、页面自动刷新js版:   

 

三、原生函数:

  1. eval(string)

    用法:eval()函数可计算某个字符串,并执行其中的javascript代码。

    返回值:通过计算string得到的值。

    例子:eval("x=10; y=20; document.write(x * y)"); //200

              eval("2+3") //5

  2. parseInt(string, radix)

    用法:parseInt()函数可解析一个字符串,并返回一个整数。

         string:要被解析的字符串     radix:要解析的数字的基数

    返回值:返回解析后的数字

    说明:当参数radix的值为0,或没有设置该参数时,parseInt()会根据string来判断数字的基数。

    例子:parseInt("10")     //返回10

              parseInt("15", 8)     //返回(8 + 5)13

  3. parseInt(string, radix)

    用法:parseInt()函数可解析一个字符串,并返回一个整数。

         string:要被解析的字符串     radix:要解析的数字的基数

    返回值:返回解析后的数字

    说明:当参数radix的值为0,或没有设置该参数时,parseInt()会根据string来判断数字的基数。

    例子:parseInt("10")     //返回10

              parseInt("15", 8)     //返回(8 + 5)13

  4. parseFloat(string)

    用法:parseFloat()函数可解析一下字符串,并返回一个浮点数。

         该函数指定字符串中的首个字符是否是数字,如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。

    例子:parseFloat("10.22")     //10.22

              parseFloat("  60  ")     //60

              parseFloat("hello world")     //NaN

  5. push()方法可向数组的末尾添加一个或多个元素,并返回新的长度

    语法:arrayObject.push(new1, new2, new3....);

    说明:push()方法可把它的参数顺序添加到arrayObject的尾部。它直接修改arrayObject,而不是重新创建一个数组;

    返回值:把指定的值添加到数组后的新长度

    例子:var arr = new Array(3);

              arr[0] = 'java'; arr[1] = 'php'; arr[2] = 'javascript';

              alert(arr); //java,php,javascript

  6. splice()方法向/从数组中添加/删除项目,然后返回被删除的项目

    注释:该方法会改变原始数组

    语法:arrayObject.splice(index, howmany, item1, ....., itemX);

            index:必需,整数,规定添加/删除项目的位置,使用负数从数组结尾处规定位置

            howmany:必需,要删除的项目数量,如果设置为0,则不会删除项目;

            item1,...,itemX:可选,向数组添加的新项目。

    返回值:Array,包含被删除项目的新数组,如果有的话;

    说明:splice()方法可删除从index处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

来源:原创 发布时间:2020-01-12 21:50:14