function elementName(evt){ evt = evt|| window.event; var selected = evt.target || evt.srcElement; alert(selected.tagName); }
function getStyle(obj, attr) { return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr]; // 火狐 }
function setOpacity(elem, value) { elem.filters ? elem.style.filter = 'alpha(opacity=' + value + ')' : elem.style.opacity = value / 100; }
function getScrollTop(){ return document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop }
得到當前視口距離頁面左邊的像素瀏覽器
function getScrollLeft() { return document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft }
tips:scrollBy(x , y)實現了基於當前位置的相對滑動,而scrollTo( x, y)則是實現了「絕對滑動」函數
if(!-[1,]) { //IE6 在IE6中[-1,].toString()爲「1,」,‘-’會進行類型轉換(轉成數字類型),-"1," 爲NaN,因此返回!false } else{ //非IE6 非IE6中[-1,].toString()爲「1」,‘-’會進行類型轉換(轉成數字類型),-"1" 爲-1,因此返回!true }
if(window.VBArray){ //由於VB是微軟發明的,其餘瀏覽器無VBArray,至少可斷定IE 6/7/8/9/10 } else { }
document.onkeypress=function(e){ e = e || window.event; e.keyCode || e.which // 常規瀏覽器 || IE }
function stopProp(event) { event = event || window.event event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true; // 常規瀏覽器 || IE }
tips:這裏不可以使用 e.cancelBubble?e.cancelBubble = true : e.stopPropagation() ,由於 e.cancelBubble 是一個屬性(而非方法),其默認值爲 false spa
function preDef(event) { event = event || window.event event.preventDefault ? e.preventDefault() : e.returnValue = false // 常規瀏覽器 | IE }
// 懶加載 function addEvent(ele, eventName, func, isCapture) { if(ele.attachEvent){ ele.attachEvent('on' + eventName, func) addEvent = function(ele, eventName, func) { ele.attachEvent('on' + eventName, func) } } else { ele.addEventListener(eventName, func, !!isCapture) addEvent = function(ele, func, !!isCapture){ ele.addEventListener(eventName, func, !!isCapture) } } }
window.addEvent = (function() { if(window.attachEvent){ return function(ele, eventName, func){ ele.attachEvent('on' + eventName, func) } } else { return function(ele, eventName, func, isCapture){ ele.addEventListener(eventName, func, isCapture || false) } } })();
//刪除事件 window.removeEvent = (function() { if(window.detach){ return function(ele, eventName, func){ ele.detach('on' + eventName, func) } } return function(ele, eventName, func, isCapture){ ele.removeEventListener(eventName, func) } })()