瀏覽器元素全屏api和在ie核心的部分相容

qylcx7758發表於2018-01-30
瀏覽器API

呼叫頁面中部分元素全屏的api叫

element.requestFullscreen()複製程式碼

，有些相容問題，做一個類似這樣的判斷就行

function fullScreen(element) {    
  if (element.requestFullscreen) {    
   element.requestFullscreen();    
 } else if (element.msRequestFullscreen) {    
   element.msRequestFullscreen(); //ie     
} else if (element.mozRequestFullScreen) {      
 element.mozRequestFullScreen(); //ff   
  } else if (element.webkitRequestFullscreen) {  
     element.webkitRequestFullscreen();  //chrome   
  } }複製程式碼

，但是在ie核心瀏覽器中，還好其他主流瀏覽器有區別，例如不在全屏結構內的輸入框無法輸入文字，ieEdge，文字框輸入中文，拼音沒有提示；


相關文章