其次种是为“

要素上的onresize特色来钦点onresize事件管理程序。下边是采用JavaScript来钦点的代码:

submit:当客户单击提交按键时在“

大部分的HTML事件都和window对象或表单控件相关。

和其余事件相像,下边包车型大巴章程中也一传十十传百了二个event对象,可是那个event目的不带有关于那几个事件的其它音讯。在同盟DOM的浏览器中,event.target属性的值会被设置为document,而在IE中并不会为这几个事件设置srcElement属性。

咱俩能够通过三种方法来定义onload事件。第一种形式是通过JavaScript来钦定事件管理程序的诀窍。譬如上面包车型大巴代码:

Load事件

load事件对应的是unload[JavaScript学习]JavaScript事件-HTML事件-Web前端之家。事件,这几个事件在文书档案被全然卸载后触发。只要顾客从叁个页面切换成另一个页面,就能够触发unload事件。那些事件平淡无奇用于破除援引,防止内部存款和储蓄器走漏。

blur:当页面或因素失去核心时在window或相应成分上接触。

functionaddEventHandler{if(element.addEventListener){element.addEventListener;}elseif{element.attachEvent("on"+type,handler);}else{element["on"+type]=handler;}}addEventHandler(window,'unload',function{console.info("页面已经卸载完毕!");});

回来javascript教程主目录>>

load:当页面完全加载之后在window地点触发,也许当全体的框架加载完结之后在框架集上触发,只怕图像加载完成之后在元素上触发,或者嵌入内容加载完毕时在要素上边触发。

平等的机能也足以选择JavaScript来贯彻。举个例子上边包车型客车代码:

要素加多一个onunload特点,比方下边包车型地铁代码:

调度大小事件

在编写制定JavaScript代码时最常用的平地风波正是load事件。当页面中的成分、全数图像、JavaScript文件和CSS文件等外界财富完全加载之后,就能够在触及window指标上的load事件。

卸载事件

functionaddEventHandler{if(element.addEventListener){element.addEventListener;}elseif{element.attachEvent("on"+type,handler);}else{element["on"+type]=handler;}}addEventHandler(window,'load',function{console.info("页面已经加载完毕!");});

change:当文本框失去主旨或获得大旨后其值被改变时接触。

当浏览器窗口被调动到多个新的宽度和中度的时候就能够触发resize事件,这么些事件在window上接触,我们能够透过JavaScript或“

reset:当客户单击重新设置按键时在“

scroll:当客户滚动带滚动条的要素的剧情时接触。

加载事件

要素上接触。

据说DOM2级规范,应该是在document对象而非window对象上接触load事件,不过具有的浏览器都在window地点完结了该事件。

数据解读 ,在图像上面也可以接触load事件。大家得以在HTML中为任何图像内定onload事件管理程序。

要素上接触。

focus:当页面或因素得到核心时在window或相应成分上接触。

unload:当页面完全卸载之后在window地方触发,恐怕当有着的框架卸载实现之后在框架集上触发,大概放置内容卸载达成时在“成分上边触发。

无论是接收哪类艺术,在编写制定onunload事件管理程序的时候都亟需小心,unload事件是在全方位都被卸载之后才触发,那么页面加载之后存在的那叁个对象现在都不设有了,当时操作DOM节点或因素就能够生出错误。

其次种钦赐onload事件管理程序的方法是为`元素添加一个onload`特性,比方下边包车型大巴代码:

unload事件

load事件相像,onunload事件处理程序也许有二种钦赐格局。第一种是行使JavaScript的不二诀要,比如:

HTML事件指的是那个不自然与客户操作有关的平地风波。HTML事件富含上面的片段事变:

昨今差别的浏览器对于哪一天接触resize事件有区别的体制。IE、Chrome、Safari和Opera浏览器会在浏览器窗口变化1像素时就接触resize事件,然后随窗口变化不断重复触发。而Firefox浏览器只会在顾客甘休调节浏览器窗口时才触发resize事件。所以,大家在这里个事件中不该加上海高校量的计量代码,因为那一个代码大概被频频的实施,招致浏览器反应缓慢。

error:当产生JavaScript错误时在window上接触,或然当不能够加载图片时在元素上触发,或者无法加载嵌入内容时在要素上边触发,只怕当三个或多少个框架不可能加载时在框架集上触发。

varimg=document.getElementById;/*跨浏览器事件处理程序*/functionaddEventHandler{if(element.addEventListener){element.addEventListener;}elseif{element.attachEvent("on"+type,handler);}else{element["on"+type]=handler;}}/*跨浏览器获取event对象*/functiongetEvent{returnevent?event:window.event;}/*跨浏览器获取事件的目标*/functiongetTarget{returnevent.target?event.target:event.srcElement;}addEventHandler(img,'load',function{event=getEvent;//打印出图片的URLconsole.info;});

abort:当客户甘休下载进度时,如若放置的内容从未加载达成,则在“成分上边触发。

select:当客商选拔文本框中的二个或多个字符时触发。

functionaddEventHandler{if(element.addEventListener){element.addEventListener;}elseif{element.attachEvent("on"+type,handler);}else{element["on"+type]=handler;}}addEventHandler(window,'onresize',function{console.info("您调整了浏览器窗口的大小!");});

相关文章

网站地图xml地图