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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			


		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    




    







    
        
	



主站蜘蛛池模板：
国产精品亚洲а∨天堂2021|
亚洲18在线天美|
美女免费视频一区二区三区|
av无码久久久久不卡免费网站|
亚洲欧洲日韩在线电影|
国产又大又粗又长免费视频|
亚洲国产精品乱码在线观看97|
67194国产精品免费观看|
亚洲白嫩在线观看|
xxxx日本免费|
亚洲欧美中文日韩视频|
国产成人免费手机在线观看视频
|
久久精品国产亚洲一区二区三区|
一级毛片完整版免费播放一区|
亚洲一区二区女搞男|
中文字幕免费不卡二区|
亚洲婷婷天堂在线综合|
最近免费中文字幕视频高清在线看
|
波多野结衣亚洲一级|
成全视频在线观看免费高清动漫视频下载|
激情五月亚洲色图|
免费h黄肉动漫在线观看|
国产精品一区二区三区免费|
亚洲AV成人一区二区三区AV|
国产一卡2卡3卡4卡2021免费观看
国产一卡2卡3卡4卡无卡免费视频
|
久久久无码精品亚洲日韩按摩|
免费看黄视频网站|
爱情岛论坛免费视频|
亚洲国产精品成人久久|
无码免费午夜福利片在线|
美女被羞羞网站免费下载|
亚洲国产精品高清久久久|
九九九精品成人免费视频|
日本一区二区三区在线视频观看免费|
亚洲中文字幕在线观看|
91精品免费国产高清在线|
美女又黄又免费的视频|
久久综合亚洲鲁鲁五月天|
国产美女无遮挡免费视频|
美女网站在线观看视频免费的
|
最近中文字幕国语免费完整
|