原生js事件委托
2017-01-06 09:59
288 查看
var commontop = document.getElementById("commontop");
commontop.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.className.toLowerCase() == "h5navbox"){
if(h5navcontent.style.display==='block'){
h5navcontent.style.display = "none";
}else{
h5navcontent.style.display = "block";
}
}
};
target.className 目标元素的className;
类似jquery中的 commontop.on("click",".h5navbox",function(){...})
commontop.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.className.toLowerCase() == "h5navbox"){
if(h5navcontent.style.display==='block'){
h5navcontent.style.display = "none";
}else{
h5navcontent.style.display = "block";
}
}
};
target.className 目标元素的className;
类似jquery中的 commontop.on("click",".h5navbox",function(){...})
相关文章推荐
- 对于原生js中的事件委托解析
- 原生js事件批量绑定-事件委托
- JavaScript之事件委托(附原生js和jQuery代码)
- 1.事件委托的原理以及优缺点 2. 手写原生js实现事件代理,并要求兼容浏览器
- JavaScript之事件委托实例(附原生js和jQuery代码)
- 原生js事件委托与简单的jquery事件委托方法
- js原生事件委托
- js原生事件委托的实现
- 原生JS的事件监听写法DEMO
- javascript 事件委托,jq,js模拟事件
- 原生js事件的添加和删除的封装
- 原生js--HTTP进度事件
- 原生JS绑定滑轮滚动事件,兼容浏览器
- js事件委托及其原理
- 原生JS绑定滑轮滚动事件兼容常见浏览器
- 原生JS绑定滑轮滚动事件兼容常见浏览器
- js中的事件委托
- js 委托事件的实现
- 移动终端学习2:触屏原生js事件及重力感应