經常遇到的js相容問題大總結 最全總結

2022-02-26 07:43:00 字數 1061 閱讀 8777

001、獲取滾動條滾動的距離

var stop = document.documentelement.scrolltop || document.body.scrolltop

002、獲取非行間樣式

ie: currentstyle[attr]

標準: getcomputedstyle[attr]

003、獲取事件物件

var e = e || event;

004獲取鍵盤資訊

e.keycode || e.which

005阻止瀏覽器的預設行為

e.preventdefault){ e.preventdefault()||e.returnvalue = false

006阻止事件冒泡

e.stoppropagation?e.stoppropagation():e.cancelbubble = true;

007事件監聽

addeventlistener() attachevent()

008事件解綁

removeeventlistener() detachevent()

009獲取事件源

e.target || e.srcelement;

010ajax相容

如果本文對您有幫助,請抬抬您的小手,點下右下角的推薦, ^-^,當然如果看了這篇部落格對您有幫助是我最開心的事,畢竟贈人玫瑰,手有餘香, ^-^,如果這篇部落格沒有幫助到您,那就只能說一聲抱歉啦

JS相容問題總結

1.阻止事件冒泡的相容 if event.stoppropagation else 2.阻止預設瀏覽器事件的相容 function stopdefault event else 3.事件解綁的相容 function bind ele,type,callback else ele 將要繫結事件的物件 ...

js相容問題總結

01 獲取滾動條滾動的距離 var stop document.documentelement.scrolltop document.body.scrolltop 02 獲取非行間樣式 ie currentstyle attr 標準 getcomputedstyle attr function ge...

專案中遇到的相容問題總結

1.在firefox瀏覽器 draggable false 不起作用的問題 2.svg在firefox瀏覽器無法顯示問題和繪製到canvas的問題 需要使用encodeuricomponent 解決image的src源設定為svg顯示格式為data image svg xml utf8,的無法顯示問...