js事件冒泡_js事件委派-自学php网

js事件冒泡_js事件委派

来源：未知时间：2014-09-21 20:34 作者：xbdadmin 阅读:次

[导读] 以下是源码： input type=button name=but value=不服点我啊 / ul li111/li li222/li li333/li li111/li /ul script window.onload = function(){ var doc = document; var but = doc.getElementsByName(but); var ul = doc.getElementsByTagName(u...

以下是源码：

<ul>

</ul>

window.onload = function(){

var doc = document;

var but = doc.getElementsByName('but');

var ul = doc.getElementsByTagName("ul")[0];

//鼠标滑动事件

ul.onmouseover = function(e){

var e = e || window.event;

var events = e.target || e.srcElement;

events.style.background = "red";

}

ul.onmouseout = function(e){

var e = e || window.event;

var events = e.target || e.srcElement;

events.style.background = "";

}

//点击事件

but[0].onclick = function(){

var _cli = doc.createElement("li");

_cli.innerHTML = "asda";

ul.appendChild(_cli);

console.log(window);

}

console.log(but[0]);

}

</script>

不用jq纯js实现ul li 点击变色

纯js 自制瀑布流效果

子栏目

js事件冒泡_js事件委派

最新评论

添加评论

更多文章推荐

添加评论