JavaScript - 公開まで擬似クラス（：ホバー、：アクティブ、フォーカス）をアクティブにします。

Question

公開まで、これらの状態（：ホバー、：フォーカス、アクティブなど）をどのように維持できますか？

は、この例を見てみましょう：

<style> div:hover, div:focus, div:active { background: red; } </style> 

<div tabindex="-1">I would be red, if hovered, focused or being active. Until the button 'toggle off' is pressed.</div> 

<button onclick="toggleItem('on', 'hover');">Toggle on</button> 
<button onclick="toggleItem('off', 'hover');">Toggle off</button> 

function toggleItem(action, style) 
{ 
    if (action == "on") 
    { 
     // style activation 
    } 
    else if (action == "off") 
    { 
     // disable activated style 
    } 
} 

を私はx秒ごとにこの状態をトリガする、間隔を設定することを考えました。しかし、 "良い練習"ではないようです...どんな提案？基本的にはちょうど開発ツールのような

：

Answer 1

は、なぜあなたは、特にそれらの状態が必要なのでしょうか？

divにクラスを追加するだけでよい：.div_hover、.div_focus {your style} JSスクリプトでこれらのクラスを追加/削除することができます。