HTMLDwebSafeAreaElement

BFChainWebComponentHTMLDwebSafeAreaElement小于 1 分钟

访问系统安全区域的 WebComponent;
继承与 HTMLStateObserverElement接口；

<dweb-safe-area></dweb-safe-area>

属性

plugin
属性值是一个 SafeAreaPlugin 对象；
state
属性值是一个 SafeAreaPlugin.state 对象；
getState
属性值是一个 SafeAreaPlugin.getState() 方法；
setState
属性值是一个 SafeAreaPlugin.setState() 方法；
setOverlay
属性值是一个 SafeAreaPlugin.setOverlay() 方法；
getOverlay
属性值是一个 SafeAreaPlugin.getOverlay() 方法；

方法

事件

"statechange"
状态发生改变触发；
会传递一个 CustomEventopen in new window 对象给事件监听器；
CustomEvent.detail 是一个 SafeAreaPlugin.state 对象；

示例

<body>
  <dweb-safe-area></dweb-safe-area>
  <script type="text/javascript">
    const dwebSafeArea = document.querySelector("dweb-safe-area");
    dwebSafeArea.addEventListener('statechange', (customEvent) => {

    })
  </script>
</body>

平台兼容性

属性/方法/事件	Android	IOS	Desktop-Dev	Desktop
plugin	✅	✅	✅	X
state	✅	✅	✅	X
getState	✅	✅	✅	X
setState	✅	✅	✅	X
setOverlay	✅	✅	✅	X
getOverlay	✅	✅	✅	X

HTMLDwebSafeAreaElement

属性

方法

事件

示例

平台兼容性

相关链接

预览:

HTMLDwebSafeAreaElement

# 属性

# 方法

# 事件

# 示例

# 平台兼容性

# 相关链接

预览:

属性

方法

事件

示例

平台兼容性

相关链接