如何将 onMouseOver 与 Switch 一起使用？

Question

OnmouseOver of images #About, #Contact, or #Blog 我想根据 link 使用 switch 语句将鼠标悬停在哪个上来更改属性。但是，如果我将开关放在函数中，或者尝试为开关命名，它就不起作用。这是我拥有的：

<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);
}



}

Answer 1

首先，做一个实际的功能，而不是你认为是功能的开关。

function myFunction(obj) {

}

然后在函数里面添加开关：

switch (obj.id) {

}

接下来像你做的那样将外壳放入开关中。顺便说一下，不要像每个

那样在开括号和函数名之间放置空格

console.log (obj.id);

希望它有效。如果没有，请评论原因。

Answer 2

你的 case 应该是字符串，除非你在某处将它们分配为变量，例如 "About" 而不是 About。

如何将 onMouseOver 与 Switch 一起使用？

How do you use onMouseOver with a Switch?

javascript

jquery

switch-statement

this

onmouseover