zoukankan      html  css  js  c++  java
  • event事件3

    <div id="outer">
    			<div id="middle">
    				<div id="inner"></div>
    			</div>
    		</div>
    

      

    #outer{
    				400px;
    				height:400px;
    				background:red;
    				overflow:hidden;
    			}
    			#middle{
    				overflow:hidden;
    				300px;
    				height:300px;
    				margin-top:50px;
    				background:green;
    			}
    			#inner{
    				overflow:hidden;
    				200px;
    				height:200px;
    				margin-top:50px;
    				background:yellow;
    			}
    

      

    <script type="text/javascript">
    			function stopProp(e){
    				var event = event||window.event;//前者event兼容非ie  后者兼容ie
                      //阻止冒泡 if(event.stopPropagation){ event.stopPropagation() }else{ event.cancelBubble = true; } } // outer.onclick =function(e){ // stopProp(e); // alert(1); // } // middle.onclick = function(e){ // stopProp(e); // alert(2); // } // inner.onclick = function(e){ // stopProp(e); // alert(3); // } outer.addEventListener("click",function(){alert(1)},true); middle.addEventListener("click",function(){alert(2)},false); inner.addEventListener("click",function(){alert(3)},true); </script>

      

  • 相关阅读:
    快速排序
    归并排序
    堆排序
    通过先序和中序创建二叉树
    插入排序
    二叉排序树
    九宫重排
    字符串匹配 sunday算法
    傻逼数学题(math)
    最近点对学习笔记
  • 原文地址:https://www.cnblogs.com/mingjixiaohui/p/5246762.html
Copyright © 2011-2022 走看看