zoukankan      html  css  js  c++  java
  • js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

    点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现:

    一:javascript实现方法技巧
    <script>
    //定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派到其他 Document 节点。
     function stopFunc(e) {
            e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
        };
    //获取元素的ID
     function $(id) {
           return document.getElementById(id);
       };
    //初始化加载
        window.onload = function () {
            document.onclick = function (e) {
                $("element").style.display = "none";
            }
            $("btn按钮").onclick = function (e) {
                $("element").style.display = "block";
                e = e || event;
              stopFunc(e);
            }
            $("element").onclick = function (e) {
                e = e || event; stopFunc(e);
            }
        }  
    </script>

    二:jquery实现方法技巧:
    <script>
    $("#btn按钮").on("click", function(e){
        $("#element").show();
        $(document).one("click", function(){
            $("#element").hide();
        });
        e.stopPropagation();
    });
    </script>
    有更多更好的想法的朋友可以联系我Q:1159268659
  • 相关阅读:
    Unity物理系统随记
    Unity相机跟随小结
    unity制作赛车游戏
    动态编程
    C#-特性,反射,动态编程
    BASE64加解密
    idea快捷键
    git安装和git命令:全局设置用户名邮箱配置
    基于Node.js+MySQL开发的开源微信小程序商城(微信小程序)部署环境
    微信小程序开发入门(一),Nodejs搭建本地服务器
  • 原文地址:https://www.cnblogs.com/cqj98k/p/10031395.html
Copyright © 2011-2022 走看看