2009-09-30 70 views
1

我創建了一個使用php,ajax和一些css的自動建議腳本,但我無法弄清楚如何使它成爲當腳本建議結果允許用戶使用鍵盤箭頭向下滾動結果列表,然後按回車鍵選擇所需的結果。如何添加鍵盤滾動/輸入自動建議腳本?

該腳本當前以列表格式顯示,然後onclick結果信息被填充到搜索框中。

人們用什麼技術讓用戶使用鍵盤向下滾動並按下輸入以選擇結果選擇?

感謝

回答

1

我一直在使用jQuery和它的自動完成插件無數之一了一會兒......這幾乎是沒有道理的將其整合..,你會得到一堆相當複雜的細節免費。

這裏有一個的演示中,我已經用了一堆: http://view.jquery.com/trunk/plugins/autocomplete/demo/

編輯:

最終,如果你想推出自己的,你需要監聽鍵盤事件,並保持跟蹤你在列表中的位置......然後在輸入鍵上,將當前選定值推入文本字段。這裏是鍵盤事件東西一個很好的概述:

http://unixpapa.com/js/key.html

http://www.javascriptkit.com/javatutors/javascriptkey.shtml

我會建議使用一些庫抽象掉所有的瀏覽器瀟灑.. jQuery是數千小時的測試一個真棒庫和強大的跨瀏覽器支持。它爲你規範瀏覽器事件模型,真正使你的代碼更易於閱讀和維護。

+0

我覺得缺少的唯一功能就是上面的功能,我喜歡製作我自己的腳本加上我不需要很多額外的裝飾品 – payling 2009-09-30 15:09:53

+0

該插件允許自動完成列表的鍵盤導航...或者我誤會了嗎?在演示的第一個框中鍵入b並使用向下箭頭並輸入...不是你的意思? – danb 2009-09-30 15:18:18

+0

我聽到你在滾動你自己的東西..但這只是這樣一個解決的問題...有點無聊:) – danb 2009-09-30 15:19:04