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

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

作者: 亚当斯密 | 来源:发表于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