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
    },