dart - 不能在输入中使用core-a11y键

标签 dart polymer dart-polymer core-elements

Dart,聚合物0.5,Dartium。

在页面中,我有一些div元素,里面有core-a11y-keys,键是“左上右下”。它工作正常,按下按键后会发生一些 Action 。

我在页面上也有输入字段。问题是由于core-a11y-keys我无法在其中使用箭头键。

问题是:如何避免破坏行为?

HTML:

<body>
    <div id="widgetContainer">
        <core-a11y-keys target="{{body}}" keys="up down left right"
                        on-keys-pressed="{{widgetContainer_on_move_keys}}">
        </core-a11y-keys>
    </div>
    <input id="txtInput">
</body>

最佳答案

确保实际上存在targetcore-a11y-keys属性并以div为目标,否则它将应用于包括input的整个页面。有关更多信息,请参见此处:https://groups.google.com/a/dartlang.org/forum/m/#!topic/web/k8Wzj6KCfgM

如果您的inputdiv所针对的core-a11y-keys的子级,那么它将按照div中您指示其执行的任何操作:拦截击键。在这种情况下,您需要像onKeyPress一样处理input中的<input on-keypress="{{handleInputKeyStrokes}}">事件:

handleInputKeyStrokes(Event e) {
  // You'll need one or both of these; not sure which.
  e.preventDefault();
  e.stopPropagation();
}

我还没有尝试过,可能就像https://stackoverflow.com/a/13746419一样,您需要onKeyUponKeyDown

关于dart - 不能在输入中使用core-a11y键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32997812/

相关文章:

Dart/AngularDart - 如何创建图表/流程图?

javascript - 如何在 Polymer 2.x 中设置属性值?

javascript - 互联网浏览器 : issue with dynamically setting polymer paper-tooltip innerHTML

dart - 是否允许在聚合物元素中使用任何类型的 @published 属性?

dart - Dart-Polymer:创建每行中具有不同css的聚合物元素

ios - 如何解决flutter中的iOS部署目标问题

file-upload - 使用 Dart 上传文件到服务器

templates - polymer 1.0 : Vertically stacked <paper-button> group with no white space (iron-flex-layout)

dart - 是否可以在 Dartlang 中对 Polymer 应用程序使用延迟加载?

firebase - 如何从 Firestore 中对位置列表进行排序?