2014-04-30 30 views
0

我有一個有很多輸入的HTML表單。中間是WYSIWYG編輯框架(信哈)。 您可以從一個輸入跳到下一個輸入。因此,您可以從第一個輸入開始,然後使用Tab鍵輸入最後一個。但它不會跳入框架並退出。我該如何改變它?我怎樣才能讓框架成爲tabstop? Tab-Index不起作用。HTML表單中的框架,Tab鍵如何工作?

謝謝

刻錄機

回答

0

如果您的所見即所得編輯器無法做到這一點,您需要將事件監聽器添加到這兩個站點。關鍵事件偵聽器在表單站點中的每個表單元素和一個用於框架站點中的選項卡。您還需要在主頁面中有一個自定義事件,您可以從內部框架中觸發該事件。這個事件應該從框架到下一個表單元素。此外,您的關鍵偵聽器應通過防止默認操作手動將焦點移至下一個字段。據我所知,TinyMCE默認使用編輯器內容的(i)幀。也許你還應該看看TinyMCE以獲得更簡單的解決方案。

+0

辛哈無法改變。看起來我並沒有來實施這麼多的事件監聽器。 – Burner

+0

???只需編寫一個類似於'$(「表單輸入,表單按鈕」)'.keyup(...)' – alpham8

-1

你確定,你要使用框架所見即所得的編輯器?

嘗試CK Editor,Tab工作正常。

+0

CK也使用框架。 – putvande

+0

@putvande該標籤在其中正常工作。那就是我的意思 –

-1

對於內部框架,沒有跨瀏覽器的方式。你可以在父母和孩子的窗體上鉤住keydown事件,但這是一個骯髒而未鋪砌的道路。更好的方法是尋找一個更好的編輯器來管理沒有iframe。

如果你的編輯器實際上並不需要iframe(他們只是推薦把它放到一個),也許你可以嘗試$ .load() - 它成爲一個div。

+0

的選擇器是的,這裏有一個用於發佈keydown和/或key的跨瀏覽器方式。你有沒有聽說過jQuery?在每個新的瀏覽器事件工作正常(IE 7和上)。 – alpham8

+0

然後嘗試做。專注於原始問題,提出一個可行的解決方案來幫助提問者,而當你這樣做時,讓其他人告訴他們所經歷的。謝謝。真的很感謝你的downvote。 – dkellner

+0

我這樣做了,因爲你的回答正如我上面關於內容錯誤所描述的那樣。 – alpham8