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

这篇文章主要为大家详细介绍了JavaScript 点击页面空白隐藏层的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
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.笔记) www.q1010.com
 */
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');

本文来自：http://www.q1010.com/174/1676-0.html

注：关于JavaScript 点击页面空白隐藏层的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：隐藏层