【www.bbyears.com--页面特效】
在移动端webview实现的页面中,有数字的地方必须使用input type="number"类型的input,否则触发后的键盘为全键盘,而非数字键盘。但另外的一个问题是,input 为 type="number" 类型的无法显示非数字字符,比如:12/23中/。
只能采取另外的思路来解决,比如:显示的时候用非number类型的input或其它元素,当触发onfocus后,利用js 动态修改为number类型。
代码如下
<script type="text/javascript">
varoPage = document.querySelector('#pageNum'),
oTotal = document.querySelector('#totalPage'),
sOldVal ='';
oPage.addEventListener('focus',function() {
this.type ='number';
sOldVal =this.value;
},false);
oPage.addEventListener('blur',function() {
varsVal =this.value;
this.type ='text';
if(sVal != sOldVal) {
this.value +='/'+ oTotal.value;
}
},false);
</script>