document是位於html標籤之上的，可以說是權力最大的。下面的實例當你點擊頁面上的任何位置都會彈出「a」,正是運用了document的特性。
<script> . ){<BR> alert('a');<BR> };<BR> </script>
取得滑鼠位置的cliclicli]僅僅是注意區滑鼠位置
<script>< function(ev){<BR> if(ev)<BR> {<BR> 🎜> else{<BR> alert(event.clientX ' ,' event.clentY);<BR> };<BR> };<BR></script>
或
或
} };
} ;*/
var oEvent=ev||event;
alert(oEvent.clientX ',' oEvent.clientY);
};
>事件冒泡---一層一層疊加的元素在一起，形成事件冒泡，例如下面的例子：document的最大範圍影響了div的回應。
複製程式碼
程式碼如下:
<script><p ){<div class="codetitle"> var obtn=document.getElementById('btn1');<span> 🎜> var oEvent= ev||event;<a style="CURSOR: pointer" data="10424" class="copybut" id="copybut10424" onclick="doCopy('code10424')"> odiv.style.display='block';<U> document.onclick=function(){ odiv.style.display='none'; }; " value="顯示" id="btn1"/><div id="div1" style="width:100px;height:150px;background:#ccc;"><div class="codebody" id="code10424"></身體><BR> <BR><BR>老鼠移動---在可視區有效<BR><BR><BR><BR><BR>複製程式碼<BR><BR><BR><BR>複製程式碼<BR><BR><BR> 程式碼如下: <BR><div class="codebody" id="code91861"><BR> <title>滑鼠移動<BR><script><BR> window.onmousemove=function(ev){<BR> document.getElementById('div1');<BR> odiv.style.left=oEvent.clientX 'px';<BR> odiv.style.top=oascli.style.top=o>; /script><BR><BR><body><BR><div id="div1" style="width:50px;height:50px;background:blue;position:absolute;"><BR></script>
