当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

2018年11月28日  | 移动技术网IT编程  | 我要评论
点击某个元素显示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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网