游戏中选择大区是怎样做出来的?

2016-06-30  本文已影响37人  亚当斯密

```

华北一区

华北二区

华南一区

华南二区

var oInput = document.getElementById("inp");

var oUl = document.getElementById("list");

var oLis = document.getElementsByTagName("li");

oInput.onfocus = function(e){

oUl.style.display = "block";

e.stopPropagation();

}

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

oLis[i].onclick = function(){

oInput.value = this.innerHTML;

oUl.style.display = "none";

}

};

document.body.onclick = function(){

oUl.style.display = "none";

}

oInput.onclick = function(e){

e = e||window.event;

e.stopPropagation();  //清除冒泡用 stopPropagation()

}

```

做出来的效果如图

点击即可选中
上一篇 下一篇

猜你喜欢

热点阅读