2016-07-24 6 views
0

OnmouseOver images #About, #Contact, или #Blog Я хотел бы изменить атрибут в зависимости от того, какая ссылка является mousedover с помощью оператора switch. Однако он не работает, если я помещаю переключатель в функцию или пытаюсь дать ему имя. Вот что у меня есть:Как вы используете onMouseOver с коммутатором?

<g id="About" onmouseover="myFunction(this)"></g> 
<g id="Contact" onmouseover="myFunction(this)"></g> 
    <g id="Blog" onmouseover="myFunction(this)"></g> 

<script type="text/javascript"> 


      switch myFunction (obj.id) { 
    case About: 
        console.log (obj.id); 
     break; 
    case Contact: 
        console.log (obj.id); 
     break; 
    case Photos: 

        console.log (obj.id); 
     break; 
    case Videos: 

        console.log (obj.id); 
     break; 
    case Home: 

      console.log (obj.id); 
     break; 
    case Online: 

        console.log (obj.id); 
     break; 
    case Blog: 

        console.log (obj.id); 
} 

Мой щёток тест выглядит следующим образом:

 function myFunction (obj) { 

alert (obj.id); 

      switch (obj.id) { 
    case About: 
        console.log (obj.id); 
     break; 
    case Contact: 
        console.log (obj.id); 
     break; 
    case Photos: 

        console.log (obj.id); 
     break; 
    case Videos: 

        console.log (obj.id); 
     break; 
    case Home: 

      console.log (obj.id); 
     break; 
    case Online: 

        console.log (obj.id); 
     break; 
    case Blog: 

        console.log (obj.id); 
} 



} 

ответ

1

Ваши случаи должны быть строками, если вы не указали их как переменные где-нибудь, например «О», а не «О».

+0

Спасибо! Я никогда раньше не использовал такие ключи, и не считал, что пример использовал числа вместо строк, поэтому мне нужно было добавить квоты. –

0

Прежде всего, сделать фактическую функцию, а не переключатель, что вы думали, была функция.

function myFunction(obj) { 

} 

Затем добавьте переключатель внутри функции:

switch (obj.id) { 

} 

Следующая положить случаи внутри коммутатора, как вы сделали. И, кстати, не ставьте пробела между ними открытыми скобками и имя функции, как вы имело для каждого

console.log (obj.id); 

Надеется, что это работает. Если это не так, прокомментируйте почему.

+0

У меня было это как функция изначально, поэтому я упомянул в оригинальной записи, что я попытался поместить ее в функцию. Я обновил комментарий, чтобы включить этот код. Предупреждение работает, и ошибок нет, но переключатель все еще не работает. –

 Смежные вопросы

  • Нет связанных вопросов^_^