Scala.js에서 이벤트 처리기의 접두사 접두사를 처리하는 방법은 무엇입니까?

Question

패키지 org.scalajs.dom.experimental에는 Fullscreen API의 외관이 있습니다. 현재의 구현은 적어도 크롬과 파이어 폭스의 경우 접두어가 붙은 것 같습니다. 이 Facade를 사용하여 공급 업체 접두사로 작동하는 브라우저는 어떻게 사용할 수 있습니까?

Answer 1

가장 간단한 해결책은 API를 spec'ed 이름으로 polyfill하여 공급 업체 접두사 버전으로 리디렉션하는 것입니다. 예를 들어, 자바 스크립트 파일 : Scala.js에서

if (!Document.prototype.hasOwnProperty("fullscreenEnabled")) { 
    if (Document.prototype.hasOwnProperty("webkitFullscreenEnabled")) 
    Object.defineProperty(Document.prototype, "fullscreenEnabled", { 
     get: function() { return this.webkitFullscreenEnabled; } 
    } 
    } 
} 

또는 :

import scala.scalajs.js 
import js.DynamicImplicits._ 
import js.Dynamic.{global => g} 

if (!g.Document.prototype.hasOwnProperty("fullscreenEnabled")) { 
    if (g.Document.prototype.hasOwnProperty("webkitFullscreenEnabled")) 
    js.Object.defineProperty(g.Document.prototype, "fullscreenEnabled", js.Dynamic.literal(
     get = { (thiz: js.Dynamic) => thiz.webkitFullscreenEnabled; }: js.ThisFunction 
    ) 
    } 
}