按键事件+表单事件+正则

1.按键事件对象

通过keyCode 检测键盘类型

  document, addEventListener('keydown', function (e) {
            e = e || window.event;

             获取按键的编码
            console.log(e.keyCode);

             获取按键的符号
            console.log(e.key);

常用按键编码:

特殊按键:

      如果按下  返回 true  否则   false
            // ctrl
            console.log(e.ctrlKey);
            // shift
            console.log(e.shiftKey);
            // alt
            console.log(e.altKey);
            // Mac - command键     Win-win键
            console.log(e.metaKey);

键盘事件:

keydown 键盘按下 相当于 mousedown
keypress 键盘按下 但是keypress 监听的是字符按键
keyup 键盘释放 相当于 mouseup

2. 表单事件

focus：获取焦点
blur：失去焦点
input：输入时触发
change：确认输入完后 （敲回车/失去焦点） 触发

  inp.addEventListener('focus', function () {
            console.log("focus");
            console.log("获取焦点");
        })

  inp.addEventListener('blur', function () {
            console.log("blur");
            console.log("失去焦点");
   })

3.正则验证

正则表达式
Regular Ecpression 简写 regex/regexp/RE

1.描述了一种 字符串的 特征模型
2.返回值是一个对象， 通过该对象提供的方法 和属性 能够对字符串进行匹配处理
3.查找字符串
4.即可以精准查找 也可以模糊匹配

4.正则表达式的声明

1.通过构造函数的形式 来创建 表达式

使用 构造函数的方法 创建正则表达式对象 可以传入 变量 能 动态修改 表达式

返回值是一个对象 拥有两个方法

reg.test(要查询的字符串)
reg.exec(要查询的字符串)

返回值 bool true/false
返回值 数组
第一个元素 是匹配到的字符串的首字符
第二个元素 是该字符串的首字符的下标
第三个元素 是输入的字符串

    var num = 1234456;
    var num2 = 'sf';
    var reg = new RegExp(num, num2);
    console.log(reg.test(str));
    console.log(reg.exec(str));

正则表达式 即可以 制定规则 也可以 直接进行 查找

2. 通过 字面量的形式 来写 表达式

使用字面量的方法 创建的是一个常量对象

两个参数 :参数1 参数2
参数1: 匹配的特征字符串
参数2: 修饰字符串

    var reg1 = /\d+/g;
    console.log(reg1.test(str));
    console.log(reg1.exec(str));

5.正则表达式的声明正则表达式的 书写规范

匹配的特征字符串 书写在 / / 内

1.精准匹配

        var str = 'qweweffncmvjsmf';
        var reg = /qe/;
        console.log(reg.test(str));

2.模糊匹配 通过元字符

        var reg1 = /\d/;

常用 元字符: