JavaScript兼容问题总结

深碍√TFBOYSˉ_ 2021-12-21 16:51 254阅读 0赞

01、获取滚动条滚动的距离

var sTop = document.documentElement.scrollTop || document.body.scrollTop

002、获取非行间样式

IE： currentStyle[attr]
    标准： getComputedStyle[attr]

003、获取事件对象

var e = e || event;

004获取键盘信息

e.keyCode || e.which

![测试][20190628172510342.png]  
005阻止浏览器的默认行为

e.preventDefault){ e.preventDefault()||e.returnValue = false

![阻止浏览器默认行为详解][20190628172013553.png]  
006阻止事件冒泡

e.stopPropagation?e.stopPropagation():e.cancelBubble = true;
    
    
    //具体用法
    btn.onclick = function(e){
    	var e = e || event;
    	//阻止冒泡
    	e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
    	info.style.display = "block";
    }

007事件监听

addEventListener() attachEvent()

![代码详解][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70]  
008事件解绑

removeEventListener() detachEvent()

009获取事件源

e.target || e.srcElement;

![事件委托详解][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 1]

010ajax兼容

var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");

[20190628172510342.png]: /images/20211220/44d43f51f59f4772b5b22fa93b1b0948.png
[20190628172013553.png]: /images/20211220/7825d48d40f94415b1f2dc1a2431c5ca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70]: /images/20211220/a37112e5d3294fd1a9c4968f54d76ab5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 1]: /images/20211220/7a0751b2df0d48d18ed39baa501b1d02.png