如何在移动浏览器中获取纸张输入属性?
下一行在PC上工作正常,但在移动设备上,所有3个警报都显示相同的值:'输入' - 这不是什么' id'和' c_field'包含。
<div class="validation">
<paper-input
type='number'
id='custom_1'
c_field="custom field"
></paper-input>
<div>
<script>
document.querySelector('.validation').addEventListener('input', function(e) {
alert(e.target.id);
alert(e.target.attributes.getNamedItem('id').value);
alert(e.target.attributes.getNamedItem('c_field').value);
}
</script>
(Android v.4.1上的Chrome v.25.1和Firefox v.31上的移动测试)
最终目标是使用&#39; c_field&#39;一些AJAX。
答案 0 :(得分:1)
我在计算机上测试了jsbin上的代码并且警报也没有在那里工作,所以我将事件监听器更改为“更改”并直接选择了纸张输入元素:
http://jsbin.com/jakuxozoyawa/2/edit(在Android上的Chrome测试版上测试)