06:API 控制

使用 JavaScript API 控制组件行为。

组件初始化后会暴露 window.A11yWidget,可以通过脚本调用以下方法:
API:open / close / toggle / reset / destroy

示例代码

<div class="example-controls">
  <button onclick="A11yWidget.open()">打开面板</button>
  <button onclick="A11yWidget.close()">关闭面板</button>
  <button onclick="A11yWidget.togglePanel()">切换面板</button>
  <button class="secondary" onclick="toggleLargeFont()">切换大字版</button>
  <button class="secondary" onclick="toggleHighContrast()">切换高对比度</button>
  <button class="secondary" onclick="A11yWidget.reset()">一键重置</button>
  <button class="danger" onclick="A11yWidget.destroy()">销毁组件</button>
  <button onclick="showConfig()">查看配置</button>
</div>
<div id="example-log"></div>

<script src="/static/widget/a11y-widget.min.js?key=..."></script>

交互演示

点击上方按钮,观察组件行为变化。