javascript - 我希望该行保持正确的类(class)

我将其用于行颜色：

 echo"<tr class=\"normal\" onClick=\"this.className='normalselected'\"
           onmouseover=\"this.className='normalon'\"
           onmouseout=\"this.className='normal'\">\n";

它在您移动时起作用，仅当我移动到另一行时单击它才起作用，它又恢复正常。

我该如何更改？

最佳答案

那是因为onmouseout使它恢复正常；您需要记住的是单击时。尽管这不是一个“不错”的解决方案，但它应该做您想做的

在你的CSS中

.normal-clicked,
.normal-over {
     /* whatever needs to go here */
}
.normal {
     /* whatever needs to go here */
}

然后在PHP

?>
<script type="text/javascript">
    function handleClick( el ){
        if ( el.className == 'normal-clicked' ){
            el.className = 'normal';
        }
        else {
            el.className = 'normal-clicked';
        }
    }
    function handleMouseOver( el ){
        el.className = 'normal-over';
    }
    function handleMouseOut( el ){
        if ( el.className == 'normal-over' ){
            el.className = 'normal';
        }
    }
</script>
<?php
echo '<tr class="normal" onclick="handleClick(this);" onmouseover="handleMouseOver(this);" onmouseout="handleMouseOut(this);">', "\n";

关于javascript - 我希望该行保持正确的类(class)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9394761/