一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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


[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

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

JavaScript技術(shù)js之完全兼容ie與firefox的拖動層代碼[測試好用],轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 色综合久久六月婷婷中文字幕 | 丁香六月五月婷婷 | 中文字幕123区 | 伊人小婷婷色香综合缴缴情 | 91麻豆极品在线观看 | 女人张腿给男人桶视频免费版 | 色多多www视频在线观看免费 | gogo人体大胆色妇 | 免费精品一区二区三区第35 | 亚洲丝袜天堂 | 国产成人精品高清在线观看99 | 婷婷色在线播放 | 狠狠干成人 | 欧美人与禽交 | 五月丁香六月综合缴清无码 | 国产一区二区在线播放 | 亚洲激情综合在线 | 国内精品免费久久久久妲己 | 色噜噜狠狠一区二区三区果冻 | 四虎国产精品永久在线播放 | 亚洲综合色在线 | 免费二级c片在线观看a | 国产在线拍揄自揄视精品不卡 | 免费大黄网站在线观看 | 亚洲天堂成人在线观看 | 伊人久久综合谁合综合久久 | 一道本一区二区三区 | 小说区图片区综合久久88 | 色老板导航 | 欧美午夜性刺激在线观看免费 | 一卡二卡≡卡四卡亚洲高清 | 老司机51精品视频在线观看 | 一区三区三区不卡 | 亚洲欧美日韩国产精品第不页 | 日本在线视频网址 | 欧美 亚洲 激情 | 国产美女视频一区二区二三区 | 东京加勒比中文字幕波多野结衣 | 欧洲免费无线码二区5 | 一区二区手机视频 | 日本欧美久久久久免费播放网 |