国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-21 01:36:22
字體:
來源:轉載
供稿:網友

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

下面是一些參考內容,直接查看上面的代碼代碼
先添加一個div層
復制代碼 代碼如下:

<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代碼如下:
復制代碼 代碼如下:

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可以不用顯示調用,全部用window.event就可以了,但是在FireFox中,必須顯示event調用,也就是在調用函數的時候要帶上event參數,如down(event),在函數中也要判段event是在IE還是在FireFox下,ev = ev || window.event,如果在IE下,ev就是window.event,如果在FireFox下,ev就是event,這樣就兼容了IE和Firefox

這里補充一下,在div中要設置left top position,position要是絕對的。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 云林县| 温泉县| 德钦县| 屏山县| 汨罗市| 齐齐哈尔市| 安岳县| 承德县| 确山县| 奉贤区| 白玉县| 合肥市| 揭阳市| 广元市| 来凤县| 霍山县| 巴塘县| 大安市| 乐东| 资源县| 彭山县| 京山县| 栾城县| 剑阁县| 始兴县| 轮台县| 武陟县| 澎湖县| 昭通市| 策勒县| 二连浩特市| 镇远县| 凤庆县| 玉山县| 乌兰浩特市| 米泉市| 都兰县| 绍兴县| 巩留县| 富顺县| 尼木县|