javascirpt div 移動應用2

kevin_god發表於2009-02-25

document.all[]是文件中所有標籤組成的一個陣列變數,包括了文件物件中所有元素;
event.button的值:0沒按鍵    1按左鍵   2按右鍵 3按左和右鍵 4按中間鍵   5按左和中間鍵 6按右和中間鍵    7按所有的鍵

下面對此程式碼進行改進,模仿window,並且讓它可以蓋住select
ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


測試可動div

var offset_x;
var offset_y;
function Milan_StartMove(oEvent,div_id)
{
    var whichButton;
    if(document.all&&oEvent.button==1) whichButton=true;
    else { if(oEvent.button==0)whichButton=true;}
    if(whichButton)
    {
        var Div=div_id;
        offset_x=parseInt(oEvent.clientX-oDiv.offsetLeft);
        offset_y=parseInt(oEvent.clientY-oDiv.offsetTop);
        document.documentElement.onmousemove=function(mEvent)
        {   
            var eEvent;
            if(document.all) eEvent=event;
            else{eEvent=mEvent;}
            var Div=div_id;
            var x=eEvent.clientX-offset_x;
            var y=eEvent.clientY-offset_y;
            oDiv.style.left=(x)+"px";
            oDiv.style.top=(y)+"px";
            var d_oDiv=document.getElementById("disable_"+oDiv.id);
            d_oDiv.style.left=(x)+"px";
            d_oDiv.style.top=(y)+"px";
        }
    }
}
function Milan_StopMove(oEvent){document.documentElement.onmousemove=null; }
function div_Close(o)
{var Div=o; oDiv.style.display="none";var d_oDiv=document.getElementById("disable_"+o.id);d_oDiv.style.display="none";}




style="cursor:move;width:100%;height:15px;background-color:#0066cc; font-size:10px;">
X


測試一下





不用擔心select了用了parentElement,現在我把它換成parentNode,調整了CSS樣式,這樣在FF下也能正常執行了。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/17140602/viewspace-557853/,如需轉載,請註明出處,否則將追究法律責任。

相關文章