Управление CSS-состояниями: hover, active

Question

Допустим, у нас есть ссылка с class = "myClass1" Через Javascript мы можем добавить управляющие классы для этой ссылки ... например. мы можем добавить myClass2 к ссылке Мой вопрос заключается в том, можем ли мы контролировать состояния через Javascript, например, удалить состояние наведения на a.myClass1: hover

Просто добавлю, у меня возникли некоторые проблемы с классом состояния наведения на iPad.

Спасибо.

Answer 1

Надеюсь, я вас правильно понял. К сожалению, у меня нет опыта работы с iPad. Если они «понимают» события js, такие как onMouseOver, это может сработать.

Идея № 1:

<a href="index.html" 
onmouseover="Over(this)"
onmouseout ="Out(this)"
onmousedown="Down(this)"
onclick = "Click(this); return true">link</a>

Эти 4 функции соответствуют 4 указанным выше обработчикам.

function Over(Link) // called by onmouseover event
{                      
  Link.className = "Over";
}

function Out(Link) // called by onmouseout event
{                       
  Link.className = "Out";
}

function Down(Link) // called by onmousedown event
{                      
  Link.className = "Down";
}

function Click(Link) // called by onclick event
{                      
  Link.className = "Click";
}

классы в CSS:

a{}
a.Over{}
a.Out{}
a.Down{}
a.Click{}

Идея № 2: Просто сделайте так, чтобы обычные ссылки и ссылки были одинаковыми.

a.myClass1:link{color: black; text-decoration:none;}
a.myClass1:visited{// something different}
a.myClass1:hover{color: black; text-decoration:none;}
a.myClass1:active{// something different

}