js阻止冒泡

js阻止冒泡

(ev || event).cancelBubble = true;

标签切换

<script type="text/javascript">

window.onload = function () {

var oUl = document.getElementById('ul_menu');

var oLi = getByClass(oUl, 'item');

var sonUl = getByClass(oUl, 'son');

for (var i = 0; i < oLi.length; i++) {

oLi[i].index = i;

oLi[i].onclick = function (ev) {

for (var n = 0; n < oLi.length; n++) oLi[n].className = "";

this.className = "current";

for (var n = 0; n < sonUl.length; n++) sonUl[n].style.display = "none";

sonUl[this.index].style.display = "block";

(ev || event).cancelBubble = true;

}

}

document.onclick = function () {

for (var n = 0; n < oLi.length; n++) oLi[n].className = "";

for (var n = 0; n < sonUl.length; n++) sonUl[n].style.display = "none";

}

}

function getByClass(oParent, sClass) {

var aEle = oParent.getElementsByTagName('*');

var aResult = [];

var re = new RegExp('\\b' + sClass + '\\b', 'i');

var i = 0;

for (i = 0; i < aEle.length; i++) {

//if(aEle[i].className==sClass)

//if(aEle[i].className.search(sClass)!=-1)

if (re.test(aEle[i].className)) {

aResult.push(aEle[i]);

}

}

return aResult;

}

</script>