JS兼容问题个人笔记

1.scrollTop

在其他浏览器下,scrollTop属于documentElement的属性,而chrome下,则属于body属性,其他属性也类似,例如clientHeight等

var scroll_top = document.documentElement.scrollTop || document.body.scrollTop;

2.setCapture()

在标准浏览器下,如果要想阻止原先的事件内置的内容,可以用return false;但是如果是ie下,不支持,可以使用obj.setCapture(),强制把其他的事件转到当前这个obj上面来,即其他有兼容性的不执行,相对应的,事件执行完成之后,有一个releaseCapture()可以取消之前的setCaptrue

3.attachEvent和addEventListener

当我们需要给一个事件源添加相同的,事件,但是不同的执行函数时,用一般的on事件行不通,因此需要使用到attachEvent和addEventListener,二者主要是对不同的浏览器兼容
1.attachEvent & detachEvent
attachEvent(‘事件’ , 执行函数);
2.addEventListener & removeEventListener
addEventListener(‘事件’ , ‘执行函数’ , false/true);
false表示不捕获,会产生冒泡 从内到外
true表示捕获模式 捕获模式是指从外到内