鼠标“向下/向上”和“进入/离开”样式用于与透明Flash对象重叠的按钮

Question

我有一个flash对象，其尺寸和位置与HTML按钮相同。该按钮位于flash对象下。我希望当点击并悬停闪光灯时，按钮的样式就好像它被点击并同时悬停一样。

我想打电话：

ExternalInterface.call("mouseEventHandle", elementId, eventName);

在flash中将事件传递给JS。

在JS（coffeescript）中：

window.mouseEventHandle = (elementId, eventName) ->
    id = '#' + elementId
    switch event
        when "down" then console.log("down")
        when "up" then console.log("up")
        when "enter" then console.log("enter")
        else console.log("leave") # leave

该函数负责设置HTML按钮的样式。

问题是如何在JS中设置按钮的样式？或者还有其他方法可以实现目标吗？

Answer 1

我终于使用了jquery按钮：

$("input[class!='hidden-input']").button()

所以处理函数看起来像：

window.mouseEventHandle = (id, event) ->
        switch event
            when "e" 
                $(id).addClass("ui-state-hover")            # enter
                return false
            when "l" 
                $(id).removeClass("ui-state-hover ui-state-active")     # leave
                return false
            when "d" 
                $(id).addClass("ui-state-active")           # down
                return false
            else 
                $(id).removeClass("ui-state-active ui-state-hover") # up
                return false

返回“false”允许浏览器快速反应。