Question

试图弄清楚如何在单击DIV时使其不褪色。我只希望DIV在您单击屏幕上的其他任何位置（除了实际的“ testdiv”和输入字段之外）之后淡出。 javascript的技能不是那么强，所以任何帮助将不胜感激。谢谢。

    $(document).ready(function(){
    $('.showdiv').focus(function(){
       $('.testdiv').fadeIn(1000);
    }).focusout(function(){
       $('.testdiv').fadeOut(1000);
    });
    });

body {
    padding: 50px
}

.showdiv {
    width: 100%;
    height: 30px;
    padding:10px}

.testdiv{  
     display:none;
     margin-top:0;
     width:auto;
     background-color: #efefef;
     padding: 20px;
     font: 12px Arial, san serif;}

*:focus{
    outline:none !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="text" class="showdiv" Placeholder="Search by Keyword"/>
<div class="testdiv">
    <input type="checkbox"> Search only open source materials
</div>

这是一个JSFiddle示例。

Answer 1

我不喜欢这个，因为它可能会使用户感到困惑，但是它可以工作。如果您选中该复选框，则它将不起作用。

docker login OLD_REPO
docker pull OLD_REPO/IMAGE:TAG
docker tag OLD_REPO/IMAGE:TAG NEW_REPO/IMAGE:TAG
docker login NEW_REPO
docker push NEW_REPO/IMAGE:TAG

Demo

如果焦点移到一个特定元素上，如何防止我的聚焦功能触发？

1 个答案: