zoukankan      html  css  js  c++  java
  • JS中监听事件的几种方法

    指导参数

    1.onfocus 当input 获取到焦点时触发 // 点击input框时触发

    2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js

    3.onchange 当input失去焦点并且它的value值发生变化时触发

    4.onkeydown 在 input中有键按住的时候执行一些代码

    5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触发之前一定触发了onkeydown事件

    6.onclick 主要是用于 input type=button,当被点击时触发此事件

    7.onselect 当input里的内容文本被选中后执行一段,只要选择了就会触发,不是非得全部选中

    8.oninput 当input的value值发生变化时就会触发,不用等到失去焦点(与onchange的区别)

    指导用法

    // 需求:
    //      识别input框中的内容 必须输入七位数字且只能是阿拉伯数字否则不符合规范
    
    <input type="text"  placeholder="请输入数字" onchange="number_func()" onkeyup="this.value=this.value.replace(/D/g,'')" maxlength="7" id="N_F">
    <script>
        function number_func() {
            var data = document.getElementById('N_F').value;
            if (data.length < 7){
                alert("不符合规范")
            }x
            alert(data)
        }
    </script>
    
  • 相关阅读:
    Eclipse的tomcat插件
    sql优化:
    ecipse theme
    load()和get()的区别
    eclipse手动指定启动的jdk版本
    TOD&FIXME&XXX
    命令式和声明式
    显示器调色温
    jdeveloper优化:
    win7 登录后只能使用“临时配置文件”,原来的配置文件无法启用!
  • 原文地址:https://www.cnblogs.com/Gin1/p/14363847.html
Copyright © 2011-2022 走看看