<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 ::
首頁 ::
新隨筆 ::
聯(lián)系 ::
聚合
 ::
管理 ::


			
			
				

    
	
    
		
    
			
			
			
				 
				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 閱讀(1944) 評論(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;  ，，，，，湊合著先用著  回復  更多評論
						
    
						  
					
    
				
    
				
    
			

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			


		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    




    







    
        
	



主站蜘蛛池模板：
国产真人无码作爱免费视频|
久久综合亚洲色hezyo|
免费久久人人爽人人爽av|
亚洲国产成人爱av在线播放|
国产AV日韩A∨亚洲AV电影|
日本免费一区二区三区最新
|
精品国产亚洲一区二区三区|
yellow视频免费看|
亚洲日韩欧洲无码av夜夜摸|
久9这里精品免费视频|
亚洲AV日韩AV高潮无码专区|
99久9在线|免费|
亚洲校园春色另类激情|
羞羞网站在线免费观看|
亚洲第一网站男人都懂|
久久久久久噜噜精品免费直播
|
四虎影院免费视频|
国产亚洲人成在线播放|
亚洲成A人片在线观看中文
|
最近免费中文字幕mv电影|
国产成人无码免费视频97|
成年免费大片黄在线观看com|
全免费毛片在线播放|
亚洲欧洲av综合色无码|
亚洲阿v天堂在线2017免费|
99久久免费国产精精品|
亚洲大尺码专区影院|
日韩免费高清视频网站|
9久热精品免费观看视频|
亚洲成人午夜在线|
好男人视频在线观看免费看片|
美女视频黄频a免费|
久久精品国产精品亚洲艾草网|
美丽的姑娘免费观看在线播放|
亚洲综合国产一区二区三区|
美女内射毛片在线看免费人动物|
久久精品熟女亚洲av麻豆|
亚洲无线码在线一区观看|
中文字幕无码免费久久99|
亚洲一区二区三区免费|
亚洲伦理中文字幕|