如何在Polymer 2.0中的span元素上设置侦听器?

贾瓦兰特·戴夫(Jvalant dave)

我有以下代码

var span = document.createElement('span');
Polymer.dom(span).setAttribute('class','right-icon dfw-remove-icon dfw-24');
this.listen(span, 'tap', '_removeIt');
return span;

这部分代码来自使用Polymer 1的旧项目,但我试图使用Polymer 2制作应用程序。第三行在Chrome上对我不起作用,它给了我一个错误,说this.listen不是功能。如何在span元素上设置侦听器,以便在单击时触发_removeIt()?

东尼19

this.listen 等价的

this.listen()有效调用addEventListener(),因此等效于:

this.listen(span, 'tap', '_removeIt');

是:

span.addEventListener('tap', e => this._removeIt(e));

使用click代替tap

在“聚合物1”中,tap建议在处理点击/抽头时实现跨平台一致性。但是,鉴于现代移动浏览器的发展,在Polymer 2中,tap不再建议将其作为默认值您应该使用click而不是tap

不要做 Polymer.dom(span)

Polymer.dom(span)如果span是使用创建的元素,则无需调用document.createElement()

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何删除元素中的所有侦听器?

如何在Angular 2中为呈现的元素绑定事件侦听器?

如何在Polymer中的元素上触发事件?

如何在Polymer 1.0中创建2列布局?

如何在Polymer中的ES6中编写侦听器?

如何在Xamarin中设置onclick侦听器?

如何在Polymer中使用content元素?

如何在Firebase值事件上设置侦听器?

如何在Angular 2中的元素上设置属性?

如何在Polymer2中使用带有数据绑定的插槽插入模板

Javascript Vanilla-如何在ajax内容内的元素上附加事件侦听器?

如何在XML文件中配置RabbitMQ以使其具有以下功能:1)从多个队列侦听的侦听器2)2个侦听同一队列的侦听器?

如何在Kotlin中为变量设置侦听器

如何在Dart 2中限制TextEditingController侦听器事件-Flutter

如何在jQuery中的复选框数组上设置侦听器?

如何在RadioButton中设置侦听器-Android

如何在Symfony2的请求订户/侦听器中检查用户的IP?

如何在Polymer中的自定义元素属性中添加事件侦听器?

如何在DOM元素上查找事件侦听器列表?

如何在IONIC2中添加标记单击侦听器?

如何在react js中的材料ui中的列表项上设置单击侦听器

如何在Polymer 2中的moment-js组件中每分钟更新一次时间?

如何在 Polymer 2 中覆盖组件的功能?

如何在 Redux-thunk 和 Polymer 2.x 中定义 MyApp

如果我只知道父元素的类或 ID,如何在子文本区域上设置模糊侦听器?

如何在尚未在 DOM [no-jQuery] 中的元素上添加事件侦听器?

如何在对象数组上设置侦听器?

如何在 BaseRecyclerAdapter 中设置 itemclick 侦听器

如何在事件侦听器上获取第一个 div 元素