检查聚合物元件内部的按键类型?

纳瓦夫·阿苏拉米(Nawaf Alsulami)

以下聚合物元素具有一个按键事件监听器:

<polymer-element name="custom-element">
  <template>
    <input type="text" on-keypress="{{print}}" value="{{text}}">
  </template>
  <script type="application/dart" src="custom.dart"></script>
</polymer-element>

我希望元素侦听特定的按键类型(例如Enter,Backspace等)。这可能吗?

马里奥

您不能只直接听特定的键代码,但是当然可以检查键代码并在侦听器中采取相应的措施:

// method name based on the template in the question
void print(Event e, var detail, Node target) {
    int code = (e as KeyboardEvent).keyCode;
    switch(code) {
    case 13:
        // this is enter
    case 8:
        // this is backspace, but not in keypress event
    }
}

正如评论所说,您不能在中检查更多“高级”键on-keypress,而必须使用on-keydownon-keyup为此。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

检查聚合物元件内部的按键类型?

来自分类Dev

聚合物铂-推-传信元件

来自分类Dev

聚合物元件的克隆除去聚合物元件的模板

来自分类Dev

Google Map API V3在聚合物元件内部无法正常工作

来自分类Dev

聚合物元素的按键不会触发

来自分类Dev

聚合物元素的按键不会触发

来自分类Dev

聚合物-在聚合物元素内部显示元素

来自分类Dev

聚合物芯-ajax在新的聚合物元件中表现异常

来自分类Dev

从定制包装中加载聚合物元件

来自分类Dev

如何手动加载聚合物元件

来自分类Dev

聚合物铁选择在元件载荷上着火

来自分类Dev

如何在聚合物元件中包含外部HTML

来自分类Dev

我如何测试连接时会失效的聚合物元件

来自分类Dev

如何确定聚合物元件是否加载?

来自分类Dev

克隆聚合物元件的正确方法是什么?

来自分类Dev

观看Dart聚合物元件的性能变化

来自分类Dev

聚合物纸工具栏中的定位元件

来自分类Dev

没有阴影球造型封装的聚合物元件

来自分类Dev

如何使用带有聚合物元件的包装纸?

来自分类Dev

没有阴影球造型封装的聚合物元件

来自分类Dev

如何将包装材料与聚合物元件一起使用?

来自分类Dev

即使重新安装凉亭,聚合物元件也无法正常工作

来自分类Dev

在聚合物 3 中安装材料/纸元件的更好方法

来自分类Dev

聚合物指针

来自分类Dev

聚合物路线

来自分类Dev

聚合物表达

来自分类Dev

Laravel +聚合物

来自分类Dev

聚合物安装

来自分类Dev

聚合物-将核心Ajax加载到元素内部