美文网首页
游戏中选择大区是怎样做出来的?

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

作者: 亚当斯密 | 来源:发表于2016-06-30 23:24 被阅读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()

}

```

做出来的效果如图

点击即可选中

相关文章

网友评论

      本文标题:游戏中选择大区是怎样做出来的?

      本文链接:https://www.haomeiwen.com/subject/unsfjttx.html