Polymer 高分子元素模糊事件
我正试图看看什么是容易做的聚合物,我有一个困难的时间让看似最简单的事件火灾Polymer 高分子元素模糊事件,polymer,Polymer,我正试图看看什么是容易做的聚合物,我有一个困难的时间让看似最简单的事件火灾 <polymer-element name="field" attributes=" type name value"> <template> <label>{{name}} <input type={{type}} name={{name}} value={{value}}> </label> </template&
<polymer-element name="field" attributes=" type name value">
<template>
<label>{{name}}
<input type={{type}} name={{name}} value={{value}}>
</label>
</template>
<script>
Polymer('field', {
onblur: function () {
console.log('blurred');
}
})
</script>
</polymer-element>
{{name}}
聚合物(‘场’{
onblur:function(){
console.log(“模糊”);
}
})
我已经创建了这个元素,想在blur上做点什么。有人知道我遗漏了什么,或者我应该在文档中查找什么吗
name=“field”
与Polymer('profile-field')
不匹配,但我认为这只是某种打字错误blur
事件不会冒泡,因此输入模糊不会在宿主元素上导致blur
事件,最好使用聚合事件绑定
<polymer-element name="profile-field" attributes="type name value">
<template>
<label>{{name}}
<input on-blur="{{inputBlur}}" type="{{type}}" name="{{name}}" value="{{value}}">
</label>
</template>
<script>
Polymer('profile-field', {
inputBlur: function () {
console.log('input blurred');
}
})
</script>
</polymer-element>
{{name}}
聚合物(“剖面-场”{
inputBlur:函数(){
console.log(“输入模糊”);
}
})
对于我来说,在Polymer 1.9.1中,如果处理程序定义为双向绑定,则不会触发模糊事件。
因此,对于模糊事件,我使用的是on blur=“inputBlur”定义,而不是on blur=“{{inputBlur}}”
inputBlur:函数(){
//里面有些代码
},
奇怪的是,拍摄时模糊和聚焦确实会出现气泡,尽管这会被阴影打断,但不确定如何改变答案的正确性,但值得注意的是,这很有趣。
<paper-input always-float-label
label="Some label"
required
type="number"
step="1"
min="0"
max="4000"
value="{{someValueProp}}"
on-blur="inputBlur"
readonly="[[readonly]]"></paper-input>
inputBlur: function () {
//Some code inside
},