鼠标右键的有关问题，小白提问

2013-04-02

鼠标右键的问题，小白提问问题描述如下：实用asp.net实现网页右键，现在我用下面的代码可以显示右键，代码是我

鼠标右键的问题，小白提问
问题描述如下：实用asp.net实现网页右键，现在我用下面的代码可以显示右键，代码是我从别处抄来的，我不知道怎么改才能让它实现具体的点击某个右键选项，现在右键选项是空的，举例说我想要右键点击第一个“实时数据”的话，怎么让他跳转到另外的页面，其实就是怎么在右键添加动作，求教啊，从C#刚刚转战asp。net，小白一枚鼠标右键的有关问题，小白提问

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定义鼠标右键</title>
<script language="javascript" type="text/javascript">
    document.oncontextmenu = function () {
        var div = document.getElementById("hdiv");
        div.style.pixelLeft = event.clientX;
        div.style.pixelTop = event.clientY;
        div.style.display = "block";
        return false;
    }
</script>
</head>
<body>
<div id="hdiv" align="center" style="position:absolute; display:none; background-color:#EFF8FF; height:100px; width:100px; top:0px; left:0px; ">
<fieldset style="border-color:#96C2EF; border-width:1px; border-style:solid;">
<legend>总控表</legend>
<table width="100%" bgcolor="#ECE9D8" style="cursor:pointer;">
<tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
<td align="center" onclick="hdiv.style.display='实时数据'" >实时数据</td>
</tr>
<tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
<td align="center" onclick="hdiv.style.display='历史数据'" >历史数据</td>
</tr>
<tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
<td align="center" onclick="hdiv.style.display='关闭菜单'">关闭菜单</td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>

[解决办法]
菜单是一个div里面套着表格<table>,每个单元格<td都有onclick方法，这不就是点击吗，这里可以些js代码，或者为td内部增加href
[解决办法]
既然你都找到里面的onlick事件了，还有什么不能做的吗？

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Web1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
        document.oncontextmenu = function () {
            var div = document.getElementById("hdiv");
            div.style.pixelLeft = event.clientX; 
 
            div.style.pixelTop = event.clientY;
            div.style.display = "block";
            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="hdiv" align="center" style="position: absolute; display: none; background-color: #EFF8FF;
        height: 100px; width: 100px; top: 0px; left: 0px;">
        <fieldset style="border-color: #96C2EF; border-width: 1px; border-style: solid;">
            <legend>总控表</legend>
            <table width="100%" bgcolor="#ECE9D8" style="cursor: pointer;">
                <tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
                    <td align="center" onclick="javascript:window.location.href='http://www.baidu.com';">
                        实时数据
                    </td>
                </tr>
                <tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
                    <td align="center" onclick="javascript:window.location.href='http://www.sina.com';">
                        历史数据
                    </td>
                </tr>
                <tr onmouseover="this.bgColor='FFFFFF'" onmouseout="this.bgColor='#ECE9D8'">
                    <td align="center" onclick="javascript:window.location.href='http://www.sohu.com';">
                        关闭菜单
                    </td>
                </tr>
            </table>
        </fieldset>
    </div>
    </form>
</body>
</html>

热点排行