首页 > 其他分享 >如何禁止type='number'的input框输入字母e

如何禁止type='number'的input框输入字母e

时间:2023-11-20 21:05:42浏览次数:31  
标签:return number key input false type

很多时候input设置了type="number"还是能输入字母e,那么如何禁止呢?

1.例如input框为

<el-input type="number" v-model="" @keydown.native="keyInput" placeholder="请输入数字"></el-input>

2.写方法

// 去除number输入框内e
keyInput(e) {
  let key = e.key
  if (key === 'e') {
    e.returnValue = false
    return false
  }
  return true
},


标签:return,number,key,input,false,type
From: https://blog.51cto.com/u_16330303/8491259

相关文章

  • input如何校验数字为正整数位数与小数位数
    1.表单中内容为<el-form><el-form-item:prop="minPrice":rules="{required:true,validator:PriceValidator,trigger:'blur',}"><el-inputtype="Number"min="1"v-model="......
  • js中prototype的作用
    如图参考链接:https://www.w3school.com.cn/js/js_object_prototypes.asp......
  • es定制 dynamic mapping template(type)
    定制dynamicmappingtemplate(type)PUT/my_index{"mappings":{"my_type":{"dynamic_templates":[{"en":{"match":"*_en","match_mapping_type":"string","mapping&quo......
  • SP3889 Closest Number题解
    题意简述有两个\(n\)位十进制数\(a\),\(b\)。要将数字\(b\)的每一位重新排列后,使得得到的数字一个在大于等于\(a\)的情况下更接近\(a\),另一个在小于\(a\)的情况下更接近\(a\)。求这两个数,如果找不到就输出0。思路以大于等于\(a\)的为例。我们可以将\(b\)从小......
  • python:第二十一章:input接收输入
    一,input函数的用途input()函数用来从键盘接收用户的输入,它的参数是提示用户输入的信息,我们把接收到的数据保存到变量中,进行后续的操作例子:123456numPhysics=input("请输入物理成绩:")numChemical=input("请输入化学成绩:")#接收的数字转为float类......
  • 终于知道老师喜欢用for(TYPE i=0;i<N;i++)而非for(TYPE i=N-1;i<=0;i--)的原因了
    上课时看到老师写u8Spi1_Send_Recv_Byte(u8txdata){u8rxdata=0x00;u8i;SCK=0;for(i=0;i<8;i++){//下降沿发数据if(txdata&1<<(7-i)){MOSI=1;}else......
  • [Javascript] Using Generator to create a number generate with condition
    constgenerateTimeMs=(min,max)=>Math.floor(Math.random()*(max-min+1))+min/***Ageneratorwhichcangeneratenumbersbasedonsettings**@param{number}min-mintimervalue,unitms*@param{number}max-maxtimervalue,unit......
  • row_number()用法
    select*from(selectno=row_number()over(partitionbyGenderorderbygetdate()),*fromStudent)twhereno=1row_number()和rownum差不多,功能更强一点(可以在各个分组内从1开时排序).rank()是跳跃排序,有两个第二名时接下来就是第四名(同样是在各个分组内).dense_ra......
  • 新版本 el-input 不支持 v-model.trim,自定义指令去除首尾空格
    问题场景<el-inputtype="textarea"v-model.trim="value"/>多行文本输入框无法换行。经测试,去掉.trim修饰符后,就可正常换行了。从官网文档,发现element-ui新版本不支持v-model修饰符。因此,若在新版本的element-ui的el-input中使用v-model.trim,会发生以下问题......
  • element UI (input输入框clearable)不生效问题
    问题:el-input里自带了一个属性clearable,可以清楚输入框内容。但是有的时候清除无效,可能有如下情况:1.clear删除无效,可以绑定clear事件解决,@clear="handleClear";html:<el-form:label-position="labelPosition"label-width="100px":model="form"><el-form-i......