您的位置：首页 > Web前端 > JavaScript

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

2013-04-01 12:48 393 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航