Javascript事件實例詳解_基礎知識
- WBOY原創
- 2016-05-16 17:17:15954瀏覽
document是位於html標籤之上的，可以說是權力最大的。下面的實例當你點擊頁面上的任何位置都會彈出「a」,正是運用了document的特性。
複製程式碼 程式碼如下:
<script> . ){<BR> alert('a');<BR> };<BR> </script>
複製代碼 代碼如下:
<script>< function(ev){<BR> if(ev)<BR> {<BR> 🎜> else{<BR> alert(event.clientX ' ,' event.clentY);<BR> };<BR> };<BR></script>
或
或
或
程式碼如下: <script></script> document.onc¢ alert(ev.clientX ',' ev.clientY);
} };} ;*/
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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn