JavaScript 点击页面空白隐藏层的简单示例

前端之家收集整理的这篇文章主要介绍了JavaScript 点击页面空白隐藏层的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
HTML:

<span class="search">我是按钮1</span><span><a class="clickme" href="#">我是按钮2</a></span>
<div class="div_d" style="display: none;">我是1那个弹出层</div>
<div class="div_e" style="display: none;">我是那个222222的2弹出层</div>
JS:

/**
 * 点击按钮显示层,点击其他地方隐藏层
 * @param {str} btnName
 * @param {str} divName 
 * @param 
 * @arrange (512.笔记) jb51.cc
 */
var tarClickTip = function(btnName,divName) {
    $('.' + btnName).click(function(e) {
        $('.' + divName).show();
    });
    $(document).on('click',function(e) {
        var e = e ? e : window.event;
        var tar = e.srcElement || e.target;
        var tarClassName = $(tar).attr("class");
        if (tarClassName != btnName && tarClassName != divName) {
            $('.' + divName).hide();
        }
    });
};
$('.clickme').click(tarClickTip('clickme','div_e'));
tarClickTip('search','div_d');

猜你在找的JavaScript相关文章