/*这是html代码,css代码就不放了*/ 搜 索
- 地下城与勇士
- 魔兽世界(国服)
- 魔兽世界(台服)
- 热血江湖
- 神鬼传奇
- 大话西游II
- QQ幻想世界
//这是js代码var oSearch = document.getElementById("search");var oUl= oSearch.getElementsByTagName("ul")[0], aLi = oUl.getElementsByTagName("li");var oInput = oSearch.getElementsByTagName("input")[0];oInput.onfocus = oInput.onkeyup = function(){ var val = this.value.replace(/^ +| +$/g,""); oUl.style.display = val.length > 0 ? "block" : "none";}document.body.onclick = function(e){ e = e || window.event; e.target = e.target || e.srcElement; console.log(e.target); //单击页面中的body区域,应该输出...,但是并没输出 //如果事件源是a元素,就将a元素的innerHTML值传递给input元素并隐藏ul,点击非事件源同样会隐藏ul if(e.target.tagName.toLowerCase() === "a" && e.target.parentNode.parentNode.parentNode.id === "search"){ oUl.style.display = "none"; oInput.value = e.target.innerHTML; return; } oUl.style.display = "none";}oInput.onclick = function(e){ e = e || window.event; e.target = e.target || e.srcElement; e.cancelBubble = true;};问题:为什么我用e.target事件委托单击页面中的body区域没有打印出body元素(什么也没有打印)?
小白在此先谢谢某大神帮解决! |