首页 > 其他 > 详细

鼠标光标在input框,单击回车键后防止页面刷新的问题

时间:2020-05-27 13:19:50      阅读:77      评论:0      收藏:0      [点我收藏+]

问题描述:在页面中有一个input框,在输入完成时单机回车键导致整个页面刷新了

分析原因:这样的页面一般是由一个input框和一个form表单构成的,按下回车键之后就会默认提交表单了。

解决办法:方法一:在页面添加一个input框,样式设置为隐藏

      

<input type="text" style="display: none;">

方法二:给input框添加onkeydown事件阻止事件冒泡

  

<input type="text" onkeydown="checkInfo(event,this)">
<script>
    function checkInfo(event,self){
        if (event.keyCode == 13) {
            event.cancleBubble = true;
            event.returnValue = false;
            return false;
        }
    }
</script>

 

鼠标光标在input框,单击回车键后防止页面刷新的问题

原文:https://www.cnblogs.com/webgis-ling/p/12971895.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!