生命的意义在于折腾

Vue输入整数自定义指令

javascript

1/*
2 * Auth: WANGJIAN
3 */
4directives:{
5    Int:{
6      bind: function (el) {
7        const trigger = (el, type) => {
8          const e = document.createEvent('HTMLEvents')
9          e.initEvent(type, true, true)
10          el.dispatchEvent(e)
11        }
12        const input = el.getElementsByTagName('input')[0]
13        input.onkeyup = function (e) {
14          if (input.value.length === 1) {
15            input.value = input.value.replace(/[^0-9]/g, '')
16          } else {
17            input.value = input.value == 0 ? '' : input.value.replace(/[^\d]/g, '')
18          }
19          trigger(input, 'input')
20        }
21        input.onblur = function (e) {
22          if (input.value.length === 1) {
23            input.value = input.value.replace(/[^0-9]/g, '')
24          } else {
25            input.value = input.value == 0 ? '' : input.value.replace(/[^\d]/g, '')
26          }
27          trigger(input, 'input')
28        }
29      }
30    },
31}
32
阅读量:1504发布日期:2021-06-11 16:43:58

博客描述

vue自定义指令,限制输入整数,比如:年龄。。。

留言板