<html>
<head>
<meta charset="utf-8">
<title>如何编写事件处理程序</title>
</head>
<body oncontextmenu="hidecontentmenu()">
<div style="text-align:center"><b>如何编写事件处理程序</b></div>
<div>
<span onmouseover="demo(‘idDiv1‘)">111</span>
<span> </span>
<span onmouseover="demo(‘idDiv2‘)">222</span>
</div>
<div>
<p id="idDiv1">qqqqqqqqqqqqqqqqqqqqqq</p>
<p id="idDiv2" style="display:none">wwwwwwwwwwwwwwwwwwwwww</p>
</div>
<button onclick="close2()">button</button>
<script language="javascript">
//方式一 设置鼠标右击不弹出上下文
function hidecontentmenu(){
window.event.returnValue=false;//方式二 在这里改成return false; 在body中改成return hidecontentmenu()
}//方式三 直接在body中设置为oncontextmenu="return false"
//方式四 设置元素对象的事件属性，使事件属性值等于函数名或程序代码
//document.oncontextmenu=hidecontentmenu;
//方式五 for指定事件源 event指定事件名
//<script language="javascript" for="document" event="oncontextmenu">
// window.event.returnValue=false;
function close2(){
//window.open("http://www.baidu.com","_blank","top=0,left=0,width=200px,height=200px,toolbar=no");
//window.setTimeout(‘window.close()‘,5000);
}
老师上午所讲
//onclick的两种写法
//document.getElementById("Id").onclick=close2;//函数名
//document.getElementById("Id").click();
</script>
<script language="javascript">
function demo(obj){
for(var i=1;i<5;i++){
var id=document.getElementById(‘idDiv‘+i);
if(id!=null){
id.style.display="none";
}
}
var idDiv=document.getElementById(obj);
idDiv.style.display="block";
}
</script>
</body>
</html>
1 <html>
2 <head>
3 <meta charset="utf-8">
4 <title>如何编写事件处理程序</title>
5 </head>
6
7 <body oncontextmenu="hidecontentmenu()">
8 <div style="text-align:center"><b>如何编写事件处理程序</b></div>
9 <div>
10 <span onmouseover="demo(‘idDiv1‘)">111</span>
11 <span> </span>
12 <span onmouseover="demo(‘idDiv2‘)">222</span>
13 </div>
14 <div>
15 <p id="idDiv1">qqqqqqqqqqqqqqqqqqqqqq</p>
16 <p id="idDiv2" style="display:none">wwwwwwwwwwwwwwwwwwwwww</p>
17 </div>
18 <button onclick="close2()">button</button>
19 <script language="javascript">
20 //方式一 设置鼠标右击不弹出上下文
21 function hidecontentmenu(){
22 window.event.returnValue=false;//方式二 在这里改成return false; 在body中改成return hidecontentmenu()
23 }//方式三 直接在body中设置为oncontextmenu="return false"
24
25 //方式四 设置元素对象的事件属性，使事件属性值等于函数名或程序代码
26 //document.oncontextmenu=hidecontentmenu;
27
28 //方式五 for指定事件源 event指定事件名
29 //<script language="javascript" for="document" event="oncontextmenu">
30 // window.event.returnValue=false;
31
32
33 function close2(){
34 //window.open("http://www.baidu.com","_blank","top=0,left=0,width=200px,height=200px,toolbar=no");
35 //window.setTimeout(‘window.close()‘,5000);
36 }
37
38
39 老师上午所讲
40 //onclick的两种写法
41 //document.getElementById("Id").onclick=close2;//函数名
42 //document.getElementById("Id").click();
43
44 </script>
45
46
47
48 <script language="javascript">
49 function demo(obj){
50 for(var i=1;i<5;i++){
51 var id=document.getElementById(‘idDiv‘+i);
52 if(id!=null){
53 id.style.display="none";
54 }
55 }
56 var idDiv=document.getElementById(obj);
57 idDiv.style.display="block";
58 }
59 </script>
60 </body>
61 </html>
时间： 2024-10-10 06:53:49