<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    
	
    
		
    
			
				
    I'm happy to live!
    
				
    Develop with pleasure!
    
			    		
		
    
	
    

    

    
	
    
		
    
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

    
	
    
		
    
			
			
			
				 
				39 
				隨筆 ::
				2 文章
				::
				31 評論
				::
				0 Trackbacks
			
		
    
	
    

    

			    		
		
    
	
    

    


    


    
	
					

    
	
	
	
    
		
    我想問一下,我的這段拖動div的代碼什么地方有問題啊，在ie里面正常,在ff下就是停下再拖就不行了,但如果在div中加入文本就可以了，為什么會這樣啊?請各位高手指教.

    

     1<html>
     2
     3<head>
     4<script language="JavaScript" type="text/javascript" src="jquery-1.6.4.js"></script>
     5<style>
     6
     7</style>
     8</head>
     9<body><head>
    10<script language="JavaScript" type="text/javascript" src="jquery-1.6.4.js"></script>
    11<style>
    12
    13</style>
    14</head>
    15
    16
    17<div id="rect" style="width:200px;height:200px;position:absolute;background-color:pink;">
    18
    19</div>
    20
    21<div id="display" style="position:absolute;top:300px;"></div>
    22</body>
    23</html>
    24
    25<script>
    26
    27$(init);
    28
    29function init(){
    30rectEvent();
    31}
    32
    33function rectEvent(){
    34var slider = $("#rect");
    35var downFlag = false;
    36
    37var offX;
    38
    39slider.mousedown(function(e){
    40downFlag = true;
    41var event = getEvent(e);
    42offX = getOffsetX(event);
    43
    44}    );
    45
    46slider.mouseup(function(){
    47downFlag = false;
    48}    );
    49
    50slider.mouseout(function(){
    51downFlag = false;
    52}    );
    53
    54slider.mousemove(function(e){
    55var event = getEvent(e);
    56
    57if(!downFlag){
    58return false;
    59}
    60
    61var left = event.clientX - offX;
    62$("#display").text(left);
    63slider.css("left",left);
    64}    );
    65
    66}
    67
    68
    69function getEvent(event){
    70var event = event ? event : window.event;
    71return event;
    72}
    73
    74function getOffsetX(event){
    75var off_X = event.offsetX ? event.offsetX : event.layerX;
    76return off_X;
    77}
    78
    79</script>
    80
    


    如果我在rect div隨便加入文本如：<div id="rect" style="width:200px;height:200px;position:absolute;background-color:pink;">11</div>,這樣就可以了，我一直不太明白為什么會這樣？請名位大俠指教.
    
	
    
	
	
    
		posted on 2011-10-30 09:37 Norsor 閱讀(1932) 評論(3)  編輯  收藏  所屬分類: 日常隨筆 
	
    

    







    
	    
    


    

    
	
    評論
    
		
		
				
    			
					
    
						# re: DIV在FF下的拖動
							
								2011-11-07 15:05
							
						星期五
					
    
					
    
						我將代碼在本地運行了一下。

    event.layerX 在我的ff上返回的是： undefined。我也不知道怎么回事，我把

    getOffsetX 方法改成如下可運行：

    function getOffsetX(event){

    		var off_X = event.offsetX ? event.offsetX : event.layerX ? event.layerX : event.clientX;

    		return off_X;

    }

    一起研究吧。  回復  更多評論
						
    
						  
					
    
				
    
				
    
			
				
    			
					
    
						# re: DIV在FF下的拖動
							
								2011-11-11 13:41
							
						tb
					
    
					
    
						不清楚  回復  更多評論
						
    
						  
					
    
				
    
				
    
			
				
    			
					
    
						# re: DIV在FF下的拖動
							
								2012-09-18 15:49
							
						憶清風歲月
					
    
					
    
						我也不行，  剛看你們說的， 我就在里面加個&nbsp;  ，，，，，湊合著先用著  回復  更多評論
						
    
						  
					
    
				
    
				
    
			

    




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			


		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    




    







    
        
	



主站蜘蛛池模板：
婷婷综合缴情亚洲狠狠尤物|
青青久在线视频免费观看|
国产精品免费视频播放器|
www.亚洲成在线|
青草草色A免费观看在线|
亚洲黄色中文字幕|
精品无码无人网站免费视频|
久久久久亚洲AV无码专区首|
国产情侣久久久久aⅴ免费|
亚洲Av综合色区无码专区桃色|
精品成人免费自拍视频|
亚洲国产精品无码中文字|
你懂的免费在线观看网站|
久久亚洲精品成人综合|
99久久99久久精品免费观看|
亚洲高清中文字幕综合网|
国产成人精品免费视频大|
亚洲国产精品成人综合久久久|
国产免费AV片在线播放唯爱网|
亚洲午夜无码毛片av久久京东热|
免费被黄网站在观看|
羞羞网站免费观看|
亚洲午夜久久久久久久久电影网
|
亚洲日产2021三区|
妞干网免费视频观看|
西西人体大胆免费视频|
亚洲色婷婷六月亚洲婷婷6月|
国产婷婷成人久久Av免费高清
|
中文字幕亚洲精品无码|
国产免费午夜a无码v视频|
黄色毛片免费观看|
亚洲A∨无码一区二区三区|
男人的好免费观看在线视频|
老司机午夜免费视频|
亚洲激情在线观看|
午夜视频在线观看免费完整版|
EEUSS影院WWW在线观看免费|
亚洲精品中文字幕无乱码|
免费在线观看毛片|
69pao强力打造免费高清|
亚洲国产成人AV网站|