你如何使用onMouseOver与Switch?

时间:2016-07-24 20:24:59

标签: javascript jquery switch-statement this onmouseover

OnmouseOver of images #About,#Contact或#Blog我想根据使用switch语句对哪个链接进行更改来更改属性。但是,如果我将开关放在一个函数中,或者尝试给开关命名,它就不起作用。这就是我所拥有的:

type Msg
  = Roll
  | NewFaces (List Int)

我的初始测试如下:

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

2 个答案:

答案 0 :(得分:1)

你的案例应该是字符串,除非你已经将它们作为变量分配到某个地方,例如&#34;关于&#34;而不是关于。

答案 1 :(得分:0)

首先,制作一个实际的功能,而不是你认为是功能的开关。

function myFunction(obj) {

}

然后在函数内添加开关:

switch (obj.id) {

}

接下来将案例放在交换机内部,就像你做的那样。顺便说一句,不要在开放的parens和函数名之间放置空格,就像你每个人一样

console.log (obj.id);

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