欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js之完全兼容ie與firefox的拖動層代碼[測試好用]

 更新時間：2008年10月10日 01:22:04   作者：  
經(jīng)測試，這個拖到效果不錯，多瀏覽器支持。方便做網(wǎng)站的朋友使用

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

下面是一些參考內(nèi)容，直接查看上面的代碼代碼
先添加一個div層
復(fù)制代碼 代碼如下:

<div id='pop-editor' style='width: 520px;height:430px;border:1px solid red;position: absolute;left:100px;top:200px;' onmousedown='down(event)' onmouseup='up()'>asdfdsf</div>

JavaScript代碼如下：
復(fù)制代碼 代碼如下:

var posX;
var posY;
var popDiv;
var dragable;

function down(e){
    popDiv = document.getElementById("pop-editor");
    e = e || window.event; //如果是IE
    posX = e.clientX - parseInt(popDiv.style.left);
    posY = e.clientY - parseInt(popDiv.style.top);
    dragable = true;
    document.onmousemove = move;
}

function move(ev){
    if(dragable == true){
        ev = ev || window.event;//如果是IE
        popDiv.style.left = (ev.clientX - posX) + "px";
        popDiv.style.top = (ev.clientY - posY) + "px";
    }
}

function up(){
    dragable = false;
}

兼容了IE/FireFox,其他的瀏覽器沒試過。在IE中，event可以不用顯示調(diào)用，全部用window.event就可以了，但是在FireFox中，必須顯示event調(diào)用，也就是在調(diào)用函數(shù)的時候要帶上event參數(shù)，如down(event)，在函數(shù)中也要判段event是在IE還是在FireFox下，ev = ev || window.event，如果在IE下，ev就是window.event，如果在FireFox下，ev就是event，這樣就兼容了IE和Firefox

這里補充一下，在div中要設(shè)置left top position，position要是絕對的。

相關(guān)文章

最新評論