Cyg*_*ing 12 javascript polymer
我想要的是能够从聚合物元素<纸张输入>获取输入并在更改时提醒它而不创建自定义聚合物元素.
问题:变更没有做任何我怀疑的事情.价值会做任何事情
伪代码:
<!DOCTYPE html>
<html>
<head><!--insert proper head elements here--></head>
<body>
<paper-input floatingLabel label="test" on-change="alert(this.value)"></paper-input>
</body>
</html>
oha*_*ger 19
我不知道OP在输入时是否需要更改回调...但是对于Polymer 1.0+,可以在键入时听取更改,只需使用on-input而不是on-change"event"
<paper-input label="Enter search term" on-input="search" value="{{searchTerm}}">
的on-* 声明式事件处理程序是句法由Polymer提供糖,所以on-change不会在该聚合物元件的之外工作.您可以使用querySelector和在vanilla Javascript中执行相同的操作addEventListener:
<paper-input floatingLabel label="test"></paper-input>
<script>
document.querySelector('paper-input').addEventListener('change', function(event) {
console.log(event.target.value);
});
</script>
<paper-input> element将触发'value'属性更改事件('value'属性更改时的非冒泡DOM事件)
元素声明:
<paper-input label="Enter search term"
on-value-changed="_onSearchTermChanged"
value="{{searchTerm}}">
事件处理:
_onSearchTermChanged: function (event) {
console.log(event.detail.value);
}
有关更多详细信息,请查看Polymer的更改通知事件