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

    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			


		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    




    







    
        
	



主站蜘蛛池模板：
中国国语毛片免费观看视频|
A片在线免费观看|
高潮毛片无遮挡高清免费视频|
国产免费人成视频尤勿视频|
91香蕉成人免费网站|
亚洲色偷偷狠狠综合网|
亚洲中文无码线在线观看|
亚洲午夜一区二区三区|
日韩精品无码免费专区午夜|
中文字幕亚洲第一|
亚洲AV无码成人精品区日韩
|
久久er国产精品免费观看8|
亚洲国产精品综合久久网络|
中文文字幕文字幕亚洲色|
国产在线国偷精品产拍免费|
亚洲视频在线观看免费|
一级a性色生活片久久无少妇一级婬片免费放
|
国产日韩亚洲大尺度高清|
看亚洲a级一级毛片|
日韩精品免费一级视频|
亚洲高清国产AV拍精品青青草原|
国产精品亚洲一区二区无码|
免费无码精品黄AV电影|
亚洲av无码一区二区三区人妖|
亚洲&#228;v永久无码精品天堂久久|
中文字幕在线观看亚洲|
久久综合国产乱子伦精品免费|
亚洲综合av永久无码精品一区二区|
亚洲AV成人一区二区三区观看
|
久久久久久国产精品免费无码|
亚洲欧洲久久av|
黄色三级三级三级免费看|
亚洲中文久久精品无码ww16|
**一级一级毛片免费观看|
亚洲黄色片免费看|
日本免费人成视频播放|
99亚洲精品卡2卡三卡4卡2卡|
国产精品V亚洲精品V日韩精品|
亚洲黄色免费在线观看|
无套内谢孕妇毛片免费看看|
www亚洲精品少妇裸乳一区二区|