如何设置ToggleSwitch的访问键？

Question

我正在使用HTML / JS开发Windows 8应用。我们有一个WinJS.UI.ToggleSwitch元素，并希望在其上设置accesskey属性以进行键盘导航。

<div data-win-control="WinJS.UI.ToggleSwitch"></div>

看起来最终会出现在具有多个元素的嵌套div结构中。使用DOM资源管理器，实际控件如下所示：

<input class="win-switch" role="checkbox" aria-checked="false" aria-disabled="false" aria-labelledby="ms__id77" type="range" max="1" step="1"></input>

我可以在DOM资源管理器中为这个div添加一个accesskey属性，它可以工作。我的问题是如何将它添加到原始标记中的控件？

Answer 1

看看这个控件的实现，它会很难。我发现你有两个选择：

1. 在构造此控件的代码中，执行“令人不快”的事情，并为元素执行querySelector，并自行设置。
2. 从WinJS.UI.ToggleSwitch和monkey patch _setElement派生，允许您在事后自行完成。

这两个版本在未来的版本中都有很大的变化，因为你在内部方法中进行猴子修补，所以最容易发生2次修改。