javascript hover dynamicが失敗する

Question

hai iamがダイナミックイメージにホバーを配置しようとすると、ダイナミックdivを表示する必要があります。マウスdivを削除する必要がある場合、divにホバーした後divを表示する必要があります。 divから外に移動する私はこのようなものを試しましたが、期待どおりに動作しませんでした。もし私がそこにmouseoutタグを置くと、divの画像が表示されたら、 divで、もし私がdivからマウスを外に出せば、画像からマウスを取り除いてdivを閉じない、この事件の解決策として悪い英語を残念に思う？

コードの下

function GoView_respond(id){ 
 
     console.log('hovering'); 
 
     document.getElementById("pending_req_"+id).style.display="block"; 
 
    } 
 

 
    var cl=0; 
 

 
    function ExitView_respond(id){ 
 
    console.log('not hovering'); 
 
    if(cl!=1){ 
 
    document.getElementById("pending_req_"+id).style.display="none"; 
 
    } 
 
}

<a onmouseover="GoView_respond('1');" onmouseout="ExitView_respond_one('1');">over_here</a> 
 
      <div class="respond_request" style="display:none;" id="pending_req_1" > 
 
       <p class="user_details" onmouseout="ExitView_respond('1');">asdfasdfasfsdffsadfsadfasf</p> 
 
      </div>

Answer 1

あなたの問題を解決するために役立つことがあります。

Javascriptコード：

以下のように

function GoView_respond(id){ 
     console.log('hovering'); 
     document.getElementById("pending_req_"+id).style.display="block"; 
     cl = 1; 
    } 

    var cl=0; 

    function ExitView_respond(id){ 
    console.log('not hovering'); 
    if(cl!=1){ 
    cl=0; 
     document.getElementById("pending_req_"+id).style.display="none"; 
    } 
} 

function GoView_respond_one(id) { 

    setTimeout(function() { 
     if(cl == 1) { 
     cl = 0; 
     document.getElementById("pending_req_"+id).style.display="none"; 
     } 
    }, 2000); 
    } 
} 

HTMLコード

<a onmouseover="GoView_respond('1');" onmouseout="GoView_respond_one('1');">over_here</a> <div class="respond_request" style="display:none;" id="pending_req_1" > <p class="user_details" onmouseover="GoView_respond('1');" onmouseout="ExitView_respond('1');">asdfasdfasfsdffsadfsadfasf</p> </div> 

Demo Link