鼠标上移、移走、点击事件

JavaScript鼠标点击问题

<script type="text/javascript">
    function onMouse(id){
        var $selectId = $("#"+id);
        var rgb = $selectId.css('background');
        rgb = rgb.substring(4,14);
        if(rgb != '128, 0, 12'){                
            $selectId.css('background','pink');
        }

    }   
    function mouseOut(id){
        var $selectId = $("#"+id);
        var rgb = $selectId.css('background');
        rgb = rgb.substring(4,14);
        if(rgb != '128, 0, 12'){        
            $selectId.css('background','white');
        }
    }   
    function myclick(id){
        var $selectId = $("#"+id);
        var rgb = $selectId.css('background');
        rgb = rgb.substring(4,14);
        console.log(rgb);
        if(rgb != '128, 0, 12'){        
            $selectId.css('background','purple');
        }else{  
            $selectId.css('background','pink');
        }
    }   
</script>
    <table style="border-collapse:collapse;">
        <tr >
            <td id="1" style="border:1px #0066ff solid;"onclick="myclick(this.id)" onmouseover="onMouse(this.id)"  onmouseout="mouseOut(this.id)">你追我</td>
        </tr>
        <tr>
            <td id="2" style="border:1px #0066ff solid;" onclick="myclick(this.id)" onmouseover="onMouse(this.id)"  onmouseout="mouseOut(this.id)">追到我</td>
        </tr>   
        <tr>
            <td id="3" style="border:1px #0066ff solid;" onclick="myclick(this.id)" onmouseover="onMouse(this.id)"  onmouseout="mouseOut(this.id)">我就让你呵呵呵</td>
        </tr>   
    </table>
</body>