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."
                            + "\n" + "charCode: " + charCode + "\n"
                    );
                }
            }
        }
    </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>

 

posted @ 2017-03-03 17:15  papering  阅读(236)  评论(0)  编辑  收藏  举报