• 鼠标聚焦到Text输入框时,按回车键刷新页面原因及解决方法


    前提 一个form中只有一个输入框,当输入框获取焦点后,点击回车,导致整个页面都刷新,问题解决办法。

    1、处理form 

    在form中添加事件 <form onsubmit="return false;">.......</form>

    2、增加一个隐藏的输入框,认为改变单个输入框

    <input id="hiddenText" type="text" style="display:none" />
    3、屏蔽回车键

    1>  全局去掉回车事件的方法
    function document.onkeydown() {
            var e = event.srcElement;
            if (event.keyCode == 13) {
                return false;
            }
        }

    2>  去掉输入框的回车事件的方法
    onkeydown="return ClearSubmit(event)"

    <input type="text"  onkeydown="return ClearSubmit(event)" />

     function ClearSubmit(e) {
                if (e.keyCode == 13) {
                    return false;
                }
       }
  • 相关阅读:
    javascript中闭包
    bootstrap模版
    JS中DOM操作
    css重置样式
    API--未完待续
    JavaScript 的面向对象
    「 JavaScript 篇 」
    CSS篇
    淘宝前端的一些面试题
    BOM里的window命令; cookie的用法
  • 原文地址:https://www.cnblogs.com/sxshiblog/p/4073130.html
Copyright © 2020-2023  润新知