zoukankan      html  css  js  c++  java
  • event.preventDefault(); Please enter your name using lowercase letters only.

    w

    可以用于移动实际项目。

    输入

    android

    qq输入法

    输入第一个字符“中”后

    w

    PC

    点击enter键13

    空格键32 

    w

    没有阻挡中午输入。

    CODE
    
    <!DOCTYPE html>
    <html>
    <head>
        <title>preventDefault example</title>
    
        <script>
            function Init() {
                var myTextbox = document.getElementById('my-textbox');
                myTextbox.addEventListener('keypress', checkName, false);
            }
    
            function checkName(evt) {
                var charCode = evt.charCode;
                if (charCode != 0) {
                    if (charCode < 97 || charCode > 122) {
                        evt.preventDefault();
                        alert(
                                "Please use lowercase letters only."
                                + "
    " + "charCode: " + charCode + "
    "
                        );
                    }
                }
            }
        </script>
    </head>
    <body onload="Init ()">
    <p>Please enter your name using lowercase letters only.</p>
    
    <form>
        <input type="text" id="my-textbox"/>
    </form>
    </body>
    </html>

    在避免提交服务器时可以考虑使用。

    https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

    CODE
    
    <!DOCTYPE html>
    <html>
    <head>
        <title>preventDefault example</title>
    
    </head>
    
    <body>
    
    <p>Please click on the checkbox control.</p>
    
    <form>
        <input type="checkbox" id="my-checkbox"/>
        <label for="my-checkbox">Checkbox</label>
    </form>
    
    </body>
    
    <script>
        function stopDefAction(evt) {
            evt.preventDefault();
        }
        document.getElementById('my-checkbox').addEventListener('click', stopDefAction, false);
    </script>
    
    </html>
  • 相关阅读:
    Desert King
    Dropping tests
    01分数规划小结
    简单的数学题
    [HAOI2016]放棋子
    [SDOI2017]数字表格
    诸侯放置
    LJJ爱数数
    车的放置
    [SDOI2014]数表
  • 原文地址:https://www.cnblogs.com/rsapaper/p/6497622.html
Copyright © 2011-2022 走看看