文章作者：Tyan
博客：noahsnail.com

????????在前端的頁(yè)面開發(fā)中，經(jīng)常會(huì)碰到頁(yè)面跳轉(zhuǎn)問題，這個(gè)跳轉(zhuǎn)指的是頁(yè)面內(nèi)部跳轉(zhuǎn)到指定位置，通常是在有滾動(dòng)條的情況下，網(wǎng)上介紹的方法很多，本文主要是介紹jQuery函數(shù)中的一個(gè)小trick，.focus()函數(shù)。

????????先來看一下jQuery的官方文檔：

image

image

????????上面的文檔扯了一堆，半點(diǎn)沒看到頁(yè)面跳轉(zhuǎn)的影子，但是在實(shí)際應(yīng)用中你會(huì)發(fā)現(xiàn)，如果一個(gè)控件調(diào)用了.focus()方法，頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到控件所在位置。

????????舉例說明：

image

????????如圖，這是一個(gè)pop up，modal，如果你選中了某一條數(shù)據(jù)，你想再打開這個(gè)pop up時(shí)頁(yè)面直接跳轉(zhuǎn)到選中的這條數(shù)據(jù)的位置，用.focus()可以這么寫：

$('input[name=test]:checked').focus();

test是一堆radio的name,:checked代表查找被選中的那個(gè)radio，focus()方法會(huì)直接將頁(yè)面跳轉(zhuǎn)到被選中的這條數(shù)據(jù)的位置。

注：focus方法使用有個(gè)前提，那就是控件不能是disabled，如果控件要設(shè)為disabled，那要在控件被disabled之前調(diào)用focus方法。

感謝教我這個(gè)小trick的Lucas!