javascript - 单击 Focused DIV 上的操作

Question

我有一个 tabindex 属性设置为“-1”的 div，这样它就可以在鼠标点击时获得焦点。

<div tabindex='-1'></div>

.div:focus{//some style}

我想在用户单击 div 时使用 Jquery 做一些事情，但前提是它被选中(第二次单击后)。

$('div').click(function(){
if($(this).is(':focus')){
//do something
}
});

但是没用，立即触发 Action 。

编辑:包含代码。

Answer 1

我会用标志检查第二次点击，查看我的 answer 这里

1. 我使用标志 isClicked 来确定它是第一次点击还是第二次点击。如果是第一次点击，将标志设置为 true 并返回((即)什么也不做)。下一次，该标志被检查为真，这意味着它是第二次点击，并在下面添加代码以执行您想要的操作。

   var isClicked = false;
   
    $('div#myTest').click(function(){
   
    //do nothing on 1st click
    if (isClicked == false) {
       alert('Clicked 1st time');     
       isClicked = true;
       return;
    }
   
    //do whatever u want on second click    
    alert('Clicked 2nd time');     
   
    });
   

2. 在 div 外部单击时重置标志，下面的代码执行此操作...

   // to check it is clicked outside div
    $(document).click(function(e){
     if($(e.target).is('#myTest'))return;    
   
     //reset to
     isClicked = false;
   
    });