input标签number类型禁用滚轮事件，隐藏上下箭头

隐藏上下箭头

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

禁用滚轮事件

<template>
	<input type="number" onmousewheel="stopScrollFun"  onDOMMouseScroll="stopScrollFun"/>
</template>
<script>
	function stopScrollFun(evt) {  
  	evt = evt || window.event;  
    	if(evt.preventDefault) {  
    	// Firefox  
      	evt.preventDefault();  
      	evt.stopPropagation();  
	    } else {  
	      // IE  
	      evt.cancelBubble=true;  
	      evt.returnValue = false;  
	  }  
	  return false;  
	}
</script>

vue中禁用滚轮事件

<input placeholder="请输入手机号码" type="number" @mousewheel.prevent />