JavaScript中的三种将对象事件与处理程序代码进行关联的方法
JavaScript中的三种将对象事件与处理程序代码进行关联的方法
l 在事件源对象所对应的HTML标签上增加一个要处理的事件属性,让事件属性值等于处理该事件的函数名或程序代码。
首先为事件处理程序代码编写一个函数，
然后将这个函数与对应的事件相关联。
例：
<html>
<head>
<script language="javascript">
<!--为事件处理程序代码编写一个函数 -->
<!--
function hideContextmenu()
{
window.event.returnValue = false;
}
//-->
</script>
</head>
<!-- 将这个函数与对应的事件相关联 -->
<body oncontextmenu="hideContextmenu()">
</body>
</html>
l 直接在JavaScript代码中，设置元素对象的事件属性，让事件属性值等于处理该事件的函数名或程序代码。
例:
<html>
<head>
<script language="javascript">
document.oncontextmenu = hideContextMenu;
function hideContextMenu()
{
window.event.returnValue = false;
}
</script>
</head>
<body>
</body>
</html>
l 在一个专门的<script>标签对中编写某个元素对象的某种事件处理程序代码，并用for属性指定事件源和用event属性指定事件名，这种<script>标签中的脚本程序只在指定事件源的指定事件发生时才被调用执行。这种方式通常用于网页文档中的各种插件对象的事件处理程序。
例：
<html>
<head>
</head>
<script language="javascript" for="document" event="oncontextmenu">
window.event.returnValue=false;
</script>
<body>
</body>
</html>
