javascript练习:8-5事件与处理代码关联 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script language="javascript">
            function hideContextMenu1()
            {
                alert("1，这时静态绑定的鼠标右键单击事件处理程序");
                window.event.returnValue = false;//将返回值设置为false表示事件未处理，使下一个处理程序有机会执行
                document.oncontextmenu = hideContextMenu2;//再次绑定一个右键单击事件处理程序
            }
        </script>
        <script language="javascript">
            function hideContextMenu2()
            {
                alert("2，这时动态绑定的鼠标右键单击事件处理程序");
                window.event.returnValue = false;//返回false表示事件未处理
            }
        </script>
        <!--直接设置元素对象的事件属性-->
        <script language="JavaScript" for="document" event="oncontextmeun">
            window.event.returnValue = false;
            document.oncontextmenu = hideContextMenu2;//绑定一个右键单击事件处理程序
            alert("3，通过<script>标签中指定右键单击事件处理程序");
        </script>
    </head>
    <body oncontextmenu="hideContextMenu1()">
        <p>已经屏蔽了鼠标右键菜单，请单击鼠标右键</p>
    </body>
</html>

 

 

 

posted @ 2013-04-01 12:48  KeenLeung  阅读(189)  评论(0)    收藏  举报