<script type="text/javascript">
 window.onload=function(){
 var a=document.getElementById("a");
 var b=document.getElementById("b");
 var c=document.getElementById("c");
 var c=document.getElementById("d");

     a.onclick=function(e){
         this.style.background="#000";    
         };

     b.onclick=function(e){
             this.style.background="#ccc";
             //阻止事件冒泡
             window.event.cancelBubble = true;//IE8以下
             e.stopPropagation();
         };

     d.onmousedown=function(e){
         //阻止默認(rèn)事件，比如在chrome下圖片有拖拽默認(rèn)行為
         window.event.returnValue = false;
         e.preventDefault();
     }
 }

 

 </script>

復(fù)制代碼代碼如下:

Html部分 
 <div id="a" style="width:300px;height:300px;background:red;overflow:hidden;">
     <div id="b" style="width:200px;height:200px;background:green;margin:50px 0 0 50px;overflow:hidden;">
         <div id="c" style="width:100px;height:100px;background:yellow;margin:50px 0 0 50px;overflow:hidden;">
             <img src="240x240.jpg" width="50" height="50" id="d" />
         </div>
     </div>
 </div>

另一個(gè)例子：

復(fù)制代碼代碼如下:

<script type="text/javascript">
window.onload=function(){
    document.getElementById("test").addEventListener('click',function(e){
        alert('aaaa')
    },false);

    document.getElementById("test1").addEventListener('click',function(e){
        alert('bbb')
        e.stopPropagation();
    },false)
}
</script>

復(fù)制代碼代碼如下:

<style type="text/css">
#test1{width:100px;height:100px;background:#ff0}
#test2{width:100px;height:100px;background:#ff0}
</style>
<div id="test" style="width:100px;height:100px;background:#f60;padding:20px;">
    <div id="test1"></div>
</div>

您可能感興趣的文章:

相關(guān)文章

c#使用UTF-8編碼實(shí)現(xiàn)處理多語言文本
UTF-8編碼是現(xiàn)代應(yīng)用中處理多語言文本的首選,所以本文為大家詳細(xì)介紹了C#如何使用UTF-8編碼實(shí)現(xiàn)處理多語言文本,感興趣的小伙伴可以了解下
2024-01-01
C#實(shí)現(xiàn)中文日歷Calendar
這篇文章介紹了C#實(shí)現(xiàn)中文日歷Calendar的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
WPF開發(fā)之UniformGrid和ItemsControl的應(yīng)用詳解
為了簡(jiǎn)化開發(fā),WPF提供了UniformGrid布局和ItemsControl容器,本文以一個(gè)簡(jiǎn)單的小例子,簡(jiǎn)述如何在WPF開發(fā)中應(yīng)用UniformGrid和ItemsControl實(shí)現(xiàn)均勻的布局,希望對(duì)大家有所幫助
2024-01-01
C#中面向?qū)ο缶幊虣C(jī)制之繼承學(xué)習(xí)筆記
這篇文章主要介紹了C#中面向?qū)ο缶幊虣C(jī)制之繼承學(xué)習(xí)筆記,本文給出一個(gè)簡(jiǎn)單子實(shí)例講解C#中的繼承,并講解了一些C#繼承的知識(shí)技巧,需要的朋友可以參考下
2015-01-01
C#中的事務(wù)用法實(shí)例分析
這篇文章主要介紹了C#中的事務(wù)用法,以一個(gè)簡(jiǎn)單實(shí)例形式分析了C#創(chuàng)建及使用事物的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
C#影院售票系統(tǒng)畢業(yè)設(shè)計(jì)（4）
這篇文章主要介紹了C#影院售票系統(tǒng)畢業(yè)設(shè)計(jì)，學(xué)習(xí)內(nèi)容是總結(jié)銷售信息的保存以及加載銷售信息，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-11-11
C#實(shí)現(xiàn)windows系統(tǒng)重啟和關(guān)機(jī)的代碼詳解
這篇文章主要介紹了C#實(shí)現(xiàn)windows系統(tǒng)重啟和關(guān)機(jī)的的方法,涉及C#調(diào)用windows系統(tǒng)命令實(shí)現(xiàn)控制開機(jī)、關(guān)機(jī)等操作的技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2024-02-02
使用VS2010 C#開發(fā)ActiveX控件(下),完整代碼打包下載
我們介紹了開發(fā)、打包、發(fā)布、使用ActiveX控件的全過程。在演示程序中，我們沒有調(diào)用串口通信和讀卡器Dll程序，由于我們讀卡器的原始Dll是使用其它語言進(jìn)行開發(fā)的，對(duì)C#來說，是非托管代碼，因此我們還需要在代碼級(jí)別進(jìn)行非托管代碼的安全性設(shè)置
2011-05-05
一文帶你了解 C# DLR 的世界(DLR 探秘)
DLR 是 C#4.0 新引進(jìn)來的概念，其主要目的就是為了動(dòng)態(tài)綁定與交互。下面小編給大家?guī)硪黄诲e(cuò)教程，一文帶你了解 C# DLR 的世界,需要的朋友可以參考下
2020-02-02
C# HttpClient上傳文件并附帶其它參數(shù)方式
這篇文章主要介紹了C# HttpClient上傳文件并附帶其它參數(shù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-11-11