JavaScript 点击页面空白隐藏层的简单示例(图文)

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

<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>

/**
 * 点击按钮显示层，点击其他地方隐藏层
 * @param {str} btnName
 * @param {str} divName 
 * @param 
 * @arrange （www.idcnote.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');

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