主页 > 专题教程 > javascript > js基础 >
来源:自学PHP网 时间:2018-02-08 10:24 作者: 阅读:次
[导读] HTML事件指的是那些不一定与用户操作有关的事件。大多数的HTML事件都和window对象或表单控件相关。...
HTML事件指的是那些不一定与用户操作有关的事件。HTML事件包括下面的一些事件:
大多数的HTML事件都和或表单控件相关。 在编写JavaScript代码时最常用的事件就是 我们可以通过两种方式来定义 function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } addEventHandler(window,'load',function(event){ console.info("页面已经加载完毕!"); }); 和其它事件类似,上面的方法中也传入了一个 第二种指定 <html lang="zh"> <head> <meta charset="UTF-8"> <title>Load事件</title> </head> <body onload="alert(页面加载完毕!)"> </body> </html> 根据DOM2级规范,应该是在 在图像上面也可以触发 <img src="img/demo.jpg" onload="alert('图像加载完毕!')"/> 同样的功能也可以使用JavaScript来实现。例如下面的代码: var img = document.getElementById("myImg"); /* 跨浏览器事件处理程序 */ function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } /* 跨浏览器获取event对象 */ function getEvent(event){ return event ? event : window.event; } /* 跨浏览器获取事件的目标 */ function getTarget(event){ return event.target ? event.target : event.srcElement; } addEventHandler(img,'load',function(event){ event = getEvent(event); //打印出图片的URL console.info(getTarget(event).src); }); 与 和 function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } addEventHandler(window,'unload',function(event){ console.info("页面已经卸载完毕!"); }); 第二种是为 <html lang="zh"> <head> <meta charset="UTF-8"> <title>unload事件</title> </head> <body onunload="alert(页面卸载完毕!)"> </body> </html> 不论使用哪种方式,在编写 当浏览器窗口被调整到一个新的宽度和高度的时候就会触发 function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } addEventHandler(window,'onresize',function(event){ console.info("您调整了浏览器窗口的大小!"); }); 不同的浏览器对于什么时候触发 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com