<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 閱讀(1930) 評論(3)  編輯  收藏  所屬分類: 日常隨筆 
	
    

    







    
	    
    


    

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

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

    getOffsetX 方法改成如下可運(yùn)行：

    function getOffsetX(event){

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

    		return off_X;

    }

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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網(wǎng)站導(dǎo)航:
		
		
    
		
    
			


		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    




    







    
        
	



主站蜘蛛池模板：
在线观看特色大片免费视频
|
美女巨胸喷奶水视频www免费|
亚洲精品国产高清不卡在线|
热99RE久久精品这里都是精品免费
|
麻豆一区二区三区蜜桃免费|
国产亚洲一区二区手机在线观看|
24小时日本电影免费看|
亚洲色成人网站WWW永久四虎|
亚洲人成电影网站国产精品|
成人在线免费看片|
猫咪www免费人成网站|
久久久久亚洲AV无码网站|
精品无码国产污污污免费|
a视频在线免费观看|
欧洲 亚洲 国产图片综合|
久久激情亚洲精品无码?V|
97在线线免费观看视频在线观看|
一级一级毛片免费播放|
亚洲成A人片在线播放器|
亚洲色爱图小说专区|
麻豆国产精品入口免费观看|
国产在线观看免费视频软件|
亚洲GV天堂无码男同在线观看|
久久精品国产精品亚洲艾草网|
啊灬啊灬别停啊灬用力啊免费看|
国产日韩一区二区三免费高清|
亚洲av第一网站久章草|
亚洲人成电影亚洲人成9999网|
五月婷婷亚洲综合|
韩国免费一级成人毛片|
蜜桃成人无码区免费视频网站|
一级做受视频免费是看美女
|
亚洲AV日韩AV天堂一区二区三区|
日韩一区二区在线免费观看|
18禁美女黄网站色大片免费观看|
亚欧洲精品在线视频免费观看|
亚洲乱码日产精品一二三|
亚洲理论片在线中文字幕|
亚洲av永久无码精品国产精品|
亚洲国产精品激情在线观看|
全免费A级毛片免费看网站|