在输入标签中的 onchange 事件上调用聚合函数

Question

这是我的演示代码

<link rel="import" href="../bower_components/polymer/polymer.html">

<script type="text/javascript">
  function myFunction() {
    console.log('this workes');     
  }
</script>

<dom-module id="element-a">
  <template>
   <div style="text-align: center;">
    <label for="fileinput" class="custom-file-upload">Change Picture</label>
    <input id="fileinput" type="file" onchange="myFunction()"/>
   </div>  
  </template>

<script>
 Polymer({
  is: 'element-a',

   myPolymerFunction: function(){
      console.log('success')
   }
 });
</script> 
</dom-module>

在上面的代码中，每当我 select 一张新图片时，onchange 事件将被触发并调用 myFunction()。如何以相同的方式调用聚合物函数？

当我用 myPolymerFunction 替换 onchange 时，出现以下错误

Uncaught ReferenceError: myPolymerFunction is not defined at HTMLInputElement.onchange

Answer 1

绑定高分子函数时不要使用“()”。

"onchange" 应该是 "on-change"

<dom-module id="my-element">

  <template>
    <input id="fileinput" type="file" on-change="hello"/>
  </template>

  <script>
    class MyElement extends Polymer.Element {
      static get is() { return 'my-element'; }

      hello(evt) {
        console.log(evt);
      }
    }
    window.customElements.define(MyElement.is, MyElement);
  </script>

</dom-module>

JSBin: http://jsbin.com/rixibucepa/edit?html,console,output

在输入标签中的 onchange 事件上调用聚合函数

Calling a polymer function on onchange event in input tag

javascript

polymer-1.0

onchange