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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 14:17:04
字體:
來源:轉載
供稿:網友

[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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 北碚区| 府谷县| 双鸭山市| 远安县| 凌源市| 麻阳| 金平| 衡水市| 凤凰县| 宜宾市| 张家口市| 大名县| 宝坻区| 白河县| 岱山县| 诏安县| 吉林市| 贵阳市| 石阡县| 昌邑市| 浑源县| 安溪县| 绥阳县| 江孜县| 若羌县| 平邑县| 青海省| 右玉县| 高雄市| 科技| 昌平区| 绥中县| 楚雄市| 开平市| 呼伦贝尔市| 广东省| 仁怀市| 玛多县| 云南省| 乌苏市| 保亭|