input 数值输入限定

1. 使用type="text"

　　<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />

 

2.使用type="number"

• 　　取消输入框的上下箭头样式

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }

 

• 　　限定输入

　　<input type="number" class="form-control" required  onmousewheel='scrollFunc()' onDOMMouseScroll='scrollFunc()'>

• 　　js方法

//取消input type=number的鼠标滚动时间
function scrollFunc(evt) {  
  evt = evt || window.event;  
    if(evt.preventDefault) { // Firefox  
      evt.preventDefault();  
      evt.stopPropagation();  
    } else {   // IE  
      evt.cancelBubble=true;  
      evt.returnValue = false;  
  }  
  return false;  
}

　ps:非常感谢原作者提供的思路，源文档https://blog.csdn.net/qq_16063177/article/details/79043214