初來乍到,簡單說一個web開發中遇到的神奇頁面全選問題。

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也沒有。html

         究竟是什麼問題其實我查了好久也沒有弄清楚,試用了不少的方法,包括加入return false的方式,都是解決不了的,後來靈機一動,在驗證函數中加了一句話:前端

         window.getSelection().removeAllRanges() ;ajax

         對前端熟悉的朋友都知道,這句話是,清除全部的選中頁面文本,然而我認爲治標不治本,還有沒有朋友遇到過這樣的問題,求討論解決方式和造成緣由。chrome

         針對頁面選中文本的使用方法,具體的能夠參見http://www.xiaoboy.com/detail/1341545060.html瀏覽器

相關文章
相關標籤/搜索