浏览器元素全屏api和在ie内核的部分兼容

261 阅读1分钟

调用页面中部分元素全屏的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,文本框输入中文,拼音没有提示;