类型=“数字”上的Polymer 1.0纸张输入禁用微调器

Question

我的问题与标题相同，如何在聚合物1.0纸张输入组件上禁用微调器，其中类型为数字。

<paper-input type="number" label="Discount"></paper-input>

我想禁用纸张输入右侧的那些箭头。

Answer 1

如果你愿意，我可以为你提供一个小屋，我不认为有办法阻止旋转器出现。但我们能做的就是让它发短信并阻止用户输入任何数字。

＆＃13;

＆＃13;

var numberInputSel = document.querySelectorAll("paper-input.number");
for (var i = 0; i < numberInputSel.length; ++i) {
  numberInputSel[i].addEventListener("keypress", function(evt) {
    if (evt.which < 48 || evt.which > 57) {
      evt.preventDefault();
    }
  });
  numberInputSel[i].addEventListener("touchstart", function(evt) {
    this.setAttribute("type", "number")
  });
}

＆＃13;

<base href="https://polygit.org/polymer+:master/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-input/paper-input.html">

<paper-input label="Amount" value="35" class="number"></paper-input>

＆＃13;

＆＃13;

＆＃13;

修改

我进行了轻微编辑，现在当人们在手机上触摸它时，它会将类型设置为数字（意味着数字键盘显示），但在桌面上它会保留为文本。

Answer 2

node('master') { 
................... 
<some task to perform>
...................
} 
node('slave1 && slave2') { 
...................
<some task to perform>
...................
}