2015-05-07 32 views
2

我一直在尋找一種方法來打開瀏覽器搜索功能,只在我的Wordpress網站的一個頁面上查找文本。 我希望這是自我包含在一個頁面上。基本上按下Ctrl + F的功能,但將其作爲鏈接或按鈕,這在我老闆的話裏,就是「對那些技術不太熟練的用戶而言。」有一個鏈接在Wordpress上打開搜索功能(Ctrl + F)

這是我迄今發現

< A HREF = 「#」 的onclick = 「找到();」>點擊這裏搜索頁面</A>

這真是棒極了在FireFox上,但在Chrome中沒有做任何事情。

有沒有辦法讓這項工作在其他瀏覽器中有,或者當我點擊頁面上的鏈接時,它執行Ctrl + F功能來打開搜索框?

感謝

回答

0

據我所知,你不能沒有擊中cmd + F火的Chrome原生查找功能。但您始終可以使用window.find()。也許這將幫助你更好地

編輯:

一些測試後,我想出了this pen。它的工作,有點。我在Chrome,Firefox和IE上測試了它。 Chrome和Firefox強調了這個詞的第一次出現。如果你點擊按鈕足夠快,他們可能會突出你第二個。 IE不做sh * t。也許你可以爲不同的瀏覽器編寫不同的解決方案,但我不知道你的當前代碼會如何。在任何情況下,window.find()有一個documentation,但this錯誤報告建議應該終止此方法。

另一種解決方案完全:使用JavaScript的search()indexOf()經歷你的整個頁面(是的,我知道),以及基於這些回報,你可以硬編碼的東西,突出匹配的區域,如包裹它<span>有黃色各地背景。這只是一個建議,因爲我沒有多少考慮,但我認爲這會有所幫助。

+1

不幸的是,與之前的代碼相同的結果,在FireFox中工作,但沒有在Chrome中。 你知道這種功能是可以通過一個插件,甚至可以嗎? 感謝 –

+0

這是很時髦。如果我打開控制檯並鍵入'window.find('you')',它確實可以告訴 –

+0

,它並不像預期的那樣工作,真的。我在明天喝了一些咖啡(在巴西過去的午夜和我基本上睡覺的時候)做了一些測試,然後我回到你身邊 –