跨瀏覽器拖動HTML元素

2021-08-11 03:41:22 字數 911 閱讀 1518

一 **

html**:

可拖動標題

可被拖動的視窗

視窗內容

style="position:absolute;"

οnmοusedοwn="if (event.shiftkey) drag(this, event);" //>

js**:

var drag = function(target, event)

else if (document.detachevent)

// 阻止事件傳播

stopprop(evt);

} // 阻止事件傳播(該函式可以跨瀏覽器)

var stopprop = function(evt)

// ie事件模型

else

}// 為被拖動物件的滑鼠移動(mousemove)和滑鼠鬆開(mouseup)註冊事件處理器

if (document.addeventlistener)

else if (document.attachevent)

// 阻止事件傳播

stopprop(event);

// 取消事件預設行為

if (event.preventdefault)

else

// 滑鼠移動的事件處理器

function movehandler(evt)

}

二 執行結果

大小: 22.9 kb

瀏覽器跨域

前端部分,簡單的封裝乙個promise版的ajax let myajax function headers else xhr.open method,path for let key,value of object.entries headers xhr.send body myajax heade...

瀏覽器跨域

同源策略 同源策略是乙個重要的安全策略,它用於限制乙個origin的文件或者它載入的指令碼如何能與另乙個源的資源進行互動。它能幫助阻隔惡意文件,減少可能被攻擊的媒介。協議 網域名稱 埠號 http伺服器,預設的埠號為80 tcp 木馬executor開放此埠 https securely trans...

html跨瀏覽器相容性問題

之前寫 沒注意到,這次學習了。首先 img的width和height屬性在ie瀏覽器中不起作用,可以設定乙個div,讓img標籤在div塊中,div中設定style overflow hidden,然後用div的寬和高來定義的寬和高。第二個就是,clear both,在有float屬性的地方要用這個...