返回值说明:0左键,1中间,2右键
getButton:function(event){
if (document.implementation.hasFeature("MouseEvents","2.0")){
return event.button
}else{
switch(event.button){
case 0:
case 1:
case 3:
case 5:
case 7:
return 0
case 2:
case 6:
return 2
case 4:
return 1
}
}
}
在页面加载结束后,浏览器会通过js为dom元素添加事件。原生的js中使用 window.onload 方法在JQ中使用$(document).ready()。这个方法在dom载入就绪时对其进行 *** 纵并调用执行它所绑定的函数。
那么它和window.onload有何不同呢?
window.onload是在网页中所有元素 加上所有资源 ++完全加++载到浏览器后才执行。
而$(document).ready()中绑定的事件是在 dom完全就绪 时就可以被调用,此时对于jQuery来说都是可以被访问的(关联的资源可能并没有被加载完毕)。
举个例子来说,在$(document).ready()中定义了图片的宽高,但由于此时图片还没有被加载完毕,此时的宽高不会生效。要解决这个问题可以使用jQuery中的 load ()方法。
load()方法会在元素的onload事件中绑定一个处理函数,如果该处理函数绑定给window对象,则会在所有资源加载完毕后触发,如果load绑定在元素上则会在该元素加载完毕后触发。
既然window.onload比较完备为什么还要用jQuery中的$(document).ready()呢?
window.onload事件 每次只能保存对一个函数的引用 ,他会覆盖掉之前的函数,所以不能再现有行为上添加新的行为。如果引用了多个js文件,每个都需要window.onload方法就导致编码复杂。
使用$(document).ready()方法能够很好地解决这种问题,每次调用$document.ready()方法都会在现有行为上追加新的行为,这些行为会根据注册顺序依次执行。
一、使用时机不同
1、onload:当用户进入页面时就会触发。
2、document.ready:是当DOM载入就绪可以查询及 *** 纵时绑定一个要执行的函数。
二、作用不同
1、onload:事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
2、document.ready:是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并 *** 纵时立即调用所绑定的函数。
三、作用不同
1、onload:常被用来处理用户进入或离开页面时所建立的 cookies。
2、document.ready:是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。
参考资料来源:百度百科-Javascript 事件
参考资料来源:百度百科-ready(fn)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)