2016-05-20 5 views
1

hrefが内部にあるdivのためのマウスオーバースタイルがあります。 クリックすると、新しいブラウザタブが開きます。元のページに戻っても、divの外側にマウスを移動しない限り、そこにマウスを置いてください。 どうすればこの問題を解決できますか?別のページを開いた後のホバースタイル

おかげ

答えて

0

あなたはのdocument.getElementByIdを使って、DIVを選択し、選択した要素にonclickイベントを使用しますが、それにonclickイベントを入れて、この場合hover class

var box = document.getElementById('hover'); 
 

 
    
 
    box.onclick = function(){ 
 
    box.removeAttribute("class") 
 
    }
.test:hover { 
 
    border:1px solid red; 
 
}
<div id='hover' class="test"> 
 
    <a href="google.com" target="_blank">blah</a> 
 
    </div>
attributeを削除します

+0

問題が別のページに移動して戻ってきました。 – user1663661

+0

どういう意味ですか?あなたは新しいタブでリンクを開くと言ったので、古いタブはまだ残っています。同じタブで開くと、スタイルはリセットされ、ホバーがそこに残るようになります。 –

+0

はい、私は新しいタブを開きます。古いタブに戻ったときに、まだそこにあるホバースタイル – user1663661

関連する問題