Javascript 单击页面上的任意位置显示全屏div

我在下面的网站上寻找效果。如果单击页面上的任意位置，将显示全屏div/background。链接等。仍然必须是可点击的

测试：

---

我的网站是：（密码engbirk2012），如果你第一次点击它的作品，但我不想层显示一次又一次

<div class='clickOnMe' onmouseup='mouseUp(this);' onmousedown='mouseDown(this);'>
</div>

<style>
    .clickOnMe { 
        margin-top: -50px; 
        min-height: 100%; 
        min-width: 100%; 
        position: fixed; 
        z-index: 9999999999999999999999999;
    }
</style>

 <script type='text/javascript'>
    function mouseUp(element){
          element.style.background = 'none';
          element.style.pointerEvents = 'none';
    }

    function mouseDown(element){
        element.style.backgroundImage="url('http://www.ee12.dk/wp-content/uploads/2014/08/blackani.gif')";
    }
</script>

.clickOnMe{
利润上限：-50px；
最小高度：100%；
最小宽度：100%；
位置：固定；
z指数：999999999999999999；
}
功能鼠标（元素）{
element.style.background='none'；
element.style.pointerEvents='none'；
}
函数mouseDown（元素）{
element.style.backgroundImage=“url（'http://www.ee12.dk/wp-content/uploads/2014/08/blackani.gif')";
}

我会将一个单击事件绑定到页面主体，并使用jquery将一个单击事件绑定到页面上的每个a标记，使用$（'body'）。on（“click”、'a'，function（）{}） 然后在“单击绑定到A标记”对话框中，设置一个变量（DoIt=false）。然后在页面的click事件中，检查变量，然后显示基于该变量的div。 然后确保在主体的单击事件结束时再次将其设置为true

$('body').click(function(){ if (DoIt == true) {/* do something */} DoIt=true;});

$('body').on('click', 'a', function(){ DoIt == false ;});

我想你明白了。从ipad上的内存进行编码：：-）

这是

下面是工作代码。此代码使用

div

标记，当您按下鼠标按钮时，该标记将显示为全屏，当您松开鼠标按钮时，该标记将隐藏。您可以根据自己的需求对其进行调整

$(document).mousedown(function () {
    $('.fullscreen').show();
}).mouseup(function () {
    $('.fullscreen').hide();
});

---

兄弟，你应该先格式化你的代码，这样它更可读。这会增加你对好答案的改变。如果你不做，我会在我有时间的时候做：）链接等等。还必须是可点击的-等等？？这不是一个清晰的问题描述，因此投票决定结束。通常我很擅长猜测人们在不清楚的问题中到底在问什么，但这次我放弃了。谢谢你的快速回复。我根本不擅长javascript或jquery。你能试着向一个哑巴解释一下吗？：）抱歉@JensKold，回答问题时我正在ipad上。看起来“doforumda”的另一个回应会更接近你想要的。如果单击一个链接，我的响应会将变量“DoIt”设置为false：一个“a”标记。从内存中，如果您在主体上注册一个单击事件，并单击一个元素“a”标记，它将触发对链接的单击，然后触发对主体的单击。因此，通过使用该变量，您可以通过检查“DoIt”变量来停止主体的click事件代码执行任何操作。