博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初来乍到,简单说一个web开发中遇到的神奇页面全选问题。
阅读量:7081 次
发布时间:2019-06-28

本文共 1219 字,大约阅读时间需要 4 分钟。

hot3.png

function checkLoginName(){         var loginname = $('#loginName').val();         $.ajax({                   url: "url?loginName="+loginname,                   type: "get",                   success: function(backdata) {                            //就是以下这行解决了chrome的页面全选问题                            window.getSelection().removeAllRanges() ;                            if(backdata == 0){                                     $.messager.alert("提示信息", "您所填的登录名已存在,请重新填写", "error", function(){                                               $('#loginName').val("");                                     });                            }                          },                   error: function(backdata) {                            CDialog("操作失败:登陆名存在性检查异常");                   }         });}

  今天遇到了一个神奇的浏览器兼容性问题(大概、应该是兼容性问题吧),就是做的一个添加人员的登录名失去焦点后验证库里是否存在该登录名的功能,在chrome浏览器下测试,只要一失去焦点就会出现页面全选的问题,然而火狐就没有这样的问题,就连IE也没有。

         到底是什么问题其实我查了很久也没有弄清楚,试用了很多的方法,包括加入return false的方式,都是解决不了的,后来灵机一动,在验证函数中加了一句话:

         window.getSelection().removeAllRanges() ;

         对前端熟悉的朋友都知道,这句话是,清除所有的选中页面文本,然而我认为治标不治本,还有没有朋友遇到过这样的问题,求讨论解决方式和形成原因。

         针对页面选中文本的使用方法,具体的可以参见http://www.xiaoboy.com/detail/1341545060.html

转载于:https://my.oschina.net/u/2322721/blog/517633

你可能感兴趣的文章
能否重拾Linux下Init 3的快感?
查看>>
Xcode8更新CocoaPods报错解决办法
查看>>
查看oracle数据库job及会话信息
查看>>
jQuery效果总结
查看>>
ASP NET的学习
查看>>
BI和数据仓库:企业分析决策真的离不开数据仓库吗?
查看>>
UI设计中极简主义风格的设计有什么讲究?
查看>>
子线程延迟执行
查看>>
用java 调用elasticsearch 出现IllegalStateException
查看>>
一个后端眼中的jQuery的extend方法
查看>>
matplotlib之arrow
查看>>
Linux程序包管理之RPM
查看>>
无法远程登入MySQL数据库的几种解决办法
查看>>
我的友情链接
查看>>
基于keepalived构建 LVS-DR的主主模型(二)
查看>>
virtualbox 安装 MacOS
查看>>
S2750/S5700/S6700系列以太网交换机 配置指南-基础配置--文件管理
查看>>
Iptables学习笔记和快速入门手册
查看>>
装win 10 没网的几大解决办法
查看>>
思科路由与交换系列--------NA系列
查看>>